jquery编写插件的三种方法

所需了解的知识点:

匿名函数
Function(){
  Alert(“hello!”)
}

拓展对象
$.Extend()

Jquery内部对象
$.fn

闭包
Var niming=function(){
  Var temp=”hello world!”;
  Var kao=function(){
  Alert(“kaoxxxx”);
  }
  Function hello(){
  Kao();
  Alert(temp);
  }
}

注:匿名函数内部的变量如:temp、方法kao()能在其内部使用。

一、Jquery的命名空间里,基于$.fn对象的拓展
(function($){
  $.fn.hello=function(){
  Alert(“hello world!”);
  }
})(jQuery)
调用方法:$(“select”).hello();

给jquery写拓展如$.ajax()一样的拓展
(function ($) {
  $.extend({
   hello:function(){
  alert(‘hello‘);
  }
  })
})(jQuery)
调用方法:$.hello();

开辟自己的命名空间$(“select”).test.hello()
(function ($) {
$.extend($.fn,{test:{
hello:function(){
alert(‘123‘);
alert($(this).html());
}
}});
})(jQuery);

调用方法:$("select").test.hello();

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。