你的位置:首页 > 软件开发 > Java > 【jQuery基础学习】08 编写自定义jQuery插件

【jQuery基础学习】08 编写自定义jQuery插件

发布时间:2016-02-03 00:00:06
本来想写jQuery UI插件的,但是想了想还是算了。本书介绍jQuery UI插件的时候太过简单,所以,准备在写完了jQuery这个系列之后,单独把jQueryUI拿出来写一个系列并顺便加入jQuery.grid插件。尽量把最新的jQuery UI的各个方面都写一个简单的小例子 ...

本来想写jQuery UI插件的,但是想了想还是算了。

本书介绍jQuery UI插件的时候太过简单,所以,准备在写完了jQuery这个系列之后,单独把jQueryUI拿出来写一个系列并顺便加入jQuery.grid插件。

尽量把最新的jQuery UI的各个方面都写一个简单的小例子和效果图,以后用来复制粘贴。\(^o^)/

 

那么就让我们来开始学习编写jQuery的插件吧。

目的:虽然jQuery各种各样的功能已经很完善了,但是我们还是要学会自己去编写插件。这样我们可以去封装一些项目中经常用到的专属的代码,以便后期维护和提高开发效率。

jQuery插件的类型:

  • 封装对象方法的插件
    • 大部分jQuery的插件都属于这种,对获取的jQuery对象进行操作
  • 封装全局函数的插件
    • 可以理解为$.ajax这种就是封装的全局函数
  • 选择器插件
    • 顾名思义,封装的选择器

jQuery插件的基本要点:

  • jQuery插件的文件名推荐为:jquery.[插件名].js,以免和其它js库插件混淆。
  • 所有对象方法应该附加到jQuery.fn对象上,所有全局方法应该附加到jQuery对象本身上。
  • 在插件内部,this指向的是当前获取的jQuery对象,而不是DOM元素
  • 可以通过this.each来遍历所有元素
  • 插件应该返回一个jQuery对象,以保证插件的可链式操作。
  • 避免在插件内部使用$,而应该使用完整的jQuery。当然也可以用闭包的技巧来回避这个问题。
    (function($){  //此处编写jQuery插件代码,这种闭包玩法就不在这里解释了,我前面的js基础系列写过了,不懂的请转到这个地址看看http://www.cnblogs.com/vvjiang/p/5143852.html。在此篇文章最后的部分就是。})(jQuery);

    原标题:【jQuery基础学习】08 编写自定义jQuery插件

    关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录