给jQuery对象绑定一个新方法是通过扩展 函数内部的this在调用时被绑定为jQuery对象，所以函数内部代码可以正常调用所有jQuery对象的方法。 使用：  最后要return this，是因为jQuery对象支持链式操作，我们自己写的扩展方法也要能继续链式下去：  优化：参数传递  用&& 和 || 短路操作符，总能得到一个有效值  jQuery提供的辅助方法](https://math.jianshu.com/math?formula=.fn%E5%AF%B9%E8%B1%A1%E5%AE%9E%E7%8E%B0%E7%9A%84%E3%80%82%20%E7%BC%96%E5%86%99%E4%B8%80%E4%B8%AA%E9%AB%98%E4%BA%AE%E6%98%BE%E7%A4%BA%E7%9A%84%E6%89%A9%E5%B1%95highlight1()%EF%BC%8C%E5%A6%82%E4%B8%8B%EF%BC%9A%20!%5Bimage.png%5D(https%3A%2F%2Fupload-images.jianshu.io%2Fupload_images%2F14459419-9dbde84071f833eb.png%3FimageMogr2%2Fauto-orient%2Fstrip%257CimageView2%2F2%2Fw%2F1240)%20%E5%87%BD%E6%95%B0%E5%86%85%E9%83%A8%E7%9A%84this%E5%9C%A8%E8%B0%83%E7%94%A8%E6%97%B6%E8%A2%AB%E7%BB%91%E5%AE%9A%E4%B8%BAjQuery%E5%AF%B9%E8%B1%A1%EF%BC%8C%E6%89%80%E4%BB%A5%E5%87%BD%E6%95%B0%E5%86%85%E9%83%A8%E4%BB%A3%E7%A0%81%E5%8F%AF%E4%BB%A5%E6%AD%A3%E5%B8%B8%E8%B0%83%E7%94%A8%E6%89%80%E6%9C%89jQuery%E5%AF%B9%E8%B1%A1%E7%9A%84%E6%96%B9%E6%B3%95%E3%80%82%20%E4%BD%BF%E7%94%A8%EF%BC%9A%20!%5Bimage.png%5D(https%3A%2F%2Fupload-images.jianshu.io%2Fupload_images%2F14459419-0782b88471e1aa34.png%3FimageMogr2%2Fauto-orient%2Fstrip%257CimageView2%2F2%2Fw%2F1240)%20%E6%9C%80%E5%90%8E%E8%A6%81return%20this%EF%BC%8C%E6%98%AF%E5%9B%A0%E4%B8%BAjQuery%E5%AF%B9%E8%B1%A1%E6%94%AF%E6%8C%81%E9%93%BE%E5%BC%8F%E6%93%8D%E4%BD%9C%EF%BC%8C%E6%88%91%E4%BB%AC%E8%87%AA%E5%B7%B1%E5%86%99%E7%9A%84%E6%89%A9%E5%B1%95%E6%96%B9%E6%B3%95%E4%B9%9F%E8%A6%81%E8%83%BD%E7%BB%A7%E7%BB%AD%E9%93%BE%E5%BC%8F%E4%B8%8B%E5%8E%BB%EF%BC%9A%20!%5Bimage.png%5D(https%3A%2F%2Fupload-images.jianshu.io%2Fupload_images%2F14459419-d378ace02050199b.png%3FimageMogr2%2Fauto-orient%2Fstrip%257CimageView2%2F2%2Fw%2F1240)%20%E4%BC%98%E5%8C%96%EF%BC%9A%E5%8F%82%E6%95%B0%E4%BC%A0%E9%80%92%20!%5Bimage.png%5D(https%3A%2F%2Fupload-images.jianshu.io%2Fupload_images%2F14459419-cfb81da809cc1e02.png%3FimageMogr2%2Fauto-orient%2Fstrip%257CimageView2%2F2%2Fw%2F1240)%20%E7%94%A8%26%26%20%E5%92%8C%20%7C%7C%20%E7%9F%AD%E8%B7%AF%E6%93%8D%E4%BD%9C%E7%AC%A6%EF%BC%8C%E6%80%BB%E8%83%BD%E5%BE%97%E5%88%B0%E4%B8%80%E4%B8%AA%E6%9C%89%E6%95%88%E5%80%BC%20!%5Bimage.png%5D(https%3A%2F%2Fupload-images.jianshu.io%2Fupload_images%2F14459419-c11b31f864201ad7.png%3FimageMogr2%2Fauto-orient%2Fstrip%257CimageView2%2F2%2Fw%2F1240)%20jQuery%E6%8F%90%E4%BE%9B%E7%9A%84%E8%BE%85%E5%8A%A9%E6%96%B9%E6%B3%95)
.extend(target,obj1,obj2,...)，把多个object对象的属性合并到第一个target对象中，遇到同名属性，总是使用靠后的对象的值，也就是越往后优先级越高：
image.png
image.png
使用filter()方法过滤
举个例子，现在我们要给所有指向外链的超链接加上跳转提示。
先写用户调用代码：
image.png
然后编写一个external扩展：
image.png
扩展 给jQuery对象绑定一个新方法是通过扩展.extend(target,obj1,obj2,...)，把多个...
jQuery插件编写模板
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. ...
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. ...
jQuery对象插件编写方法 在上一篇文章中，我写到jQuery类插件的编写方法，这个方法是针对jquery本身的...
转自 如何编写jQuery插件 译自 jQuery Plugins / Authoring 创建插件 看来 jQu...
1.jQuery插件 jQuery 插件简单的就是一个用于扩展 jQuery 的 prototype 对象的新方法...
什么是jQuery插件？ 扩展jQuery原型对象的一个方法（jQuery插件是jQuery对象的一个方法）jQu...
DataTables是jQuery Javascript库的插件。它是一种高度灵活的工具，建立在可扩展的基础上，可...
jQery的插件对于jQuery的功能方法具有很好的扩展性，对于初次编写插件的同学，总会有点二丈和尚摸不着头脑，今...
本文标题：JavaScript学习-扩展（编写jQuery插件）
本文链接：https://www.haomeiwen.com/subject/whuwgqtx.html
网友评论