jquery 的链式写法的原理是什么？

jquery 的链式写法的原理是什么

• 1. 通过简单扩展原型方法并通过 return this 的形式来实现跨浏览器的链式调用。
• 2. 利用 JS 下的简单工厂模式，来将所有对于同一个 DOM 对象的操作指定同一个实例。

链式代码

$('input[type="button"]')
    .eq(0).click(function() {
        alert('点击我!');
}).end().eq(1)
.click(function() {
    $('input[type="button"]:eq(0)').trigger('click');
}).end().eq(2)
.toggle(function() {
    $('.aa').hide('slow');
}, function() {
    $('.aa').show('slow');
});

找出 type 类型为 button 的 input 元素

找到第一个按钮，并绑定 click 事件处理函数

返回所有按钮，再找到第二个

为第二个按钮绑定 click 事件处理函数

为第三个按钮绑定 toggle 事件处理函数

扩展

• http://www.zhangyunling.com/207.html
• https://blog.csdn.net/freshing123/article/details/72972388

更多面试题

如果你想了解更多的前端面试题，请点击下面进行选择,这里基本包涵了市场上的所有前端方面的面试题，让你面试更加顺利。

• HTML 面试题
• CSS 面试题
• JavaScript 面试题
• jQuery 面试题
• Vue.js 面试题
• React 面试题
• 算法 面试题
• AJAX/HTTP 面试题
• Babel 面试题
• BootStrap 面试题
• Electron 面试题
• Gulp 面试题
• Node.js 面试题
• 前端经验相关 面试题
• 前端综合 面试题
• Webpack 面试题
• 微信小程序 面试题

这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！