自定义jquery插件(二)--------细节掌握

来源:互联网 发布:如何练口语 知乎 编辑:程序博客网 时间:2024/09/21 09:24
参考http://www.ibm.com/developerworks/cn/web/wa-jqplugin/   

  当您创建一个 jQuery 插件时,本质上是在扩展这个 jQuery 库。 本质上需要了解JavaScript prototype 属性。
jquery中使用jQuery.fn是 javascript prototype的别名。
    
    使用fn属性创建一个jquery插件。通过使用 jQuery 对象和 fn 属性,并将其分配给一个新的构造函数,类似js的一个function定义

示例一:

jQuery.fn.accordion = function() {  // Add e hereplugin cod};
没有什么功能性错误,但是创建一个 jQuery 插件所推荐的方法是,先创建一个允许使用美元符号 ($) 的包装器函数。在默认情况下,美元符号$可能与其他 JavaScript 框架发生冲突,如果将插件包装在一个函数中,就不会出现冲突。示例2 中的示例代码显示如何将一个包装器函数应用到一个 jQuery 插件定义中。

示例2: 在一个包装器函数中包装一个名为 accordion 的新 jQuery 插件
(function($) {  $.fn.accordion = function() {    // Add plugin code here  };})(jQuery);
将jQuery关键字包装成$,即$是jQuery的别名,在整个插件中$都是代表jQuery。

0 0
原创粉丝点击