如何写一个漂亮的jQuery插件

一. jQuery方法

jQuery为开发插件提拱了两个方法,分别是:

javascript 代码

javascript 代码

二. 环境

为了避免和其他JavaScript库冲突,我们最好将jQuery传递给一个自我执行的封闭程序,jQuery在此程序中映射为$符号,这样可以避免$号被其他库覆写。javascript 代码

三. 第一个插件

javascript 代码

四. 进阶版插件
  1. 很多时候,插件的意图仅仅是以某种方式修改收集的元素,并把它们传递给链中的下一个方法。因此,要保持一个插件的chainability,你必须确保你的插件返回this关键字。
    javascript 代码

如果插件不返回固有的价值,应该总是在其作用范围内返回this关键词。

2.默认值选项
对于一个比较复杂且支持多选项可定制的插件,应当有一个插件被调用时可以被拓展的默认设置(通过使用$.extend)。使用者可以用一个对象参数覆写设置。
javascript 代码

3.插件方法
在任何情况下,一个单独的插件不应该在jQuery.fnjQuery.fn对象里有多个命名空间。
javascript 代码

正确做法是,收集所有的插件方法,通过传递方法的字符串名称给插件以调用它们。
javascript 代码

评论 ( 2 )
最新评论
hwt_yellow 1F 2017-06-22 14:22:02 2F

请看一. jQuery方法

wangji5850 2017-06-22 14:19:00 1F

美女你好,请问$.fn.function $.function有什么区别呢