中软首页
●  教育部授予:“软件工程专业大学生实习实训基地”资质
●  商务部授予:“中国服务外包示范培训中心”资质
●  工信部授予:国家信息技术紧缺人才培养工程“521计划”资格
●  获得腾讯授予:中国IT教育十大影响力品牌

≡ 技术知识库
当前位置:网站首页>技术知识库>>文章内容
web前端开发:如何快速掌握jQuery插件开发
作者:   来源:    时间:2017-07-11 14:34:15    字体:[大] [中] [小]

jQuery插件就是用来扩展jQuery原型对象的一个方法,简单来说就是jQuery插件是jQuery对象的一个方法。

jQuery插件的使用方式就是jQuery对象方法的调用。

如何快速掌握jQuery插件开发?且看文章讲解~

一、最简单的jQuery插件封装

我们要做一个改变标签文字颜色的插件。

代码

审查元素>

二、链式调用

链式调用时jQuery的一大特色,一个通用的插件应该遵循jQuery风格,满足链式调用要求。

添加简单的一行代码return this,在插件执行完之后,就会把当前的jQuery对象返回,然后就可以在插件方法后面继续调用其它jQuery方法。

代码

三、使用立即执行函数避免$符号的污染

因为使用了立即执行函数,所以此时的$只属于这个立即执行函数的函数作用域,这样就可以避免$符号的污染。

代码

四、带参数的jQuery插件

继上面的例子,增加一个可以改变文字大小的功能。

代码

执行结果 >

五、总结

定义插件的方式除了上面说的用$.fn来定义,还有另外一种方式来定义插件,那就是使用$.fn.extend方法。

代码

使用$.extend方法给插件设置默认属性,这个方法在这里的用法就是合并两个对象,即把后面一个对象的存在的属性值赋值给第一个对象。

$.extend方法和$.fn.extend方法都可以用来扩展jQuery功能,$.extend方法是在jQuery全局对象上扩展方法,$.fn.extend方法是在$选择符选择的jQuery对象上扩展方法。所以扩展jQuery的公共方法一般用$.extend方法,定义插件一般用$.fn.extend方法。

中软卓越官方网站

http://etc.chinasofti.com

http://www.zretc.com

客服电话

400-666-3775

小卓的独家QQ

3177669389


中软国际教育科技微网页二维码
版权所有 © 2008-2014 北京中软国际教育科技股份有限公司 京ICP备09078625号-2 京公安备11010802014778号 隐私声明 | 联系我们 | 网站地图

华东

华南

华中

华北

西北

西南

东北