您的位置:首页 > Web前端 > JQuery

[JQ权威指南]自定义JQuery插件

2016-11-29 11:23 393 查看
自定义插件的种类

从广义上来说,插件分3类,即封装方法插件、封闭函数插件、选择器插件、但最后一种很少人去开发使用,自定义的插件种类多数属于前面两种。

1.封装方法插件

封装方法插件在本质上来说,是一个对象级别的插件,该类插件首先通过JQuery选择器获取对象并为对象添加方法,然后将方法进行打包封装成一个插件。这种类型的插件编写简单,极易调用,方便地使用了JQuery中功能强大的选择器,因此成为开发插件的首选。

2.封闭函数插件

封闭函数插件是一个类级别的插件,该类插件最大的特点,就可以直接给JQuery添加静态方法,并且可以将函数至于JQ命名空间中,如最为常见的就是ajax(),.trim()全局性函数,都是以内部插件的形式植入JQ内核中。

对象级别插件要点

- 插件的文件命遵循名必须严格 jQuery,[插件名].js的规则,以便于与其他JS文件的区分

- 如果是对象级别插件,所有的方法都应依附于jquery.fn主体对象;如果是类级别插件,所有的方法都应依附于jQuery对象

- 无论是对象级别还是类级别插件,结尾都必须以分号结束,否则在文件被压缩时,会出现错误的提示信息。

- 在插件内部的代码中,如果要访问每一个元素,可以使用this.each方法来遍历全部元素。

- 需要说明的是在插件内部,this所代表的是通过jQuery选择器所获取的对象,而非传统意义上的对象的引用。

- 由于JQuery代码在调用方法时,可以采用链写的方法同时调用多个方法,为了保证这样功能的实现,插件本身必须返回一个JQuery对象。

- “”美元符虽然可以与“jQuery”字符相代替,但在编写插件的代码中,尽量不要使用"”符号,避免与别的代码的冲突

- 在编写对象级别的插件时,使用jQuery.fn.extend()方法进行功能扩展,在针对类级别的插件,则使用JQuery.extend()方法进行扩展。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: