jquery插件编写学习
1、(function($){})(jQuery),$(function(){})的區別
(function($){})(jQuery)其實是一個匿名函數的調用過程，其中function($){}是一個匿名函數，(jQuery)是調用的過程，前面的用()括起來是由于運算符優先級的問題，所以函數本身也需要()
2、$.extend({})、$.fn.extend({})和$.fn.函數名、$.fn
$.extend()是對JQuery的擴展，相當于JQuery的靜態方法。
$.fn.extend()是對JQuery對象的擴展，相當于JQuery的事例對象方法。
$.fn.函數名功能與$.fn.extend()相同，不同在于$.fn.extend()可同時拓展多個方法而$.fn.函數名只能拓展一個即函數名。
$.fn功能與$.extend()相同，不同之處與$.fn.函數名同$.fn.extend()的區別相同。
3、一段Jquery插件代碼
my.js：
// JavaScript Document
;
? var myMethod=function(options){
?this.init(options);
? }
? myMethod.prototype={
init:function(options){
? var option=$.extend(true,{
id:1,
name:'cuixuefeng'
? },options);
? this.option=option;
? },
? call:function(){
? alert(this.option.id+this.option.name);
? },
? };
myMethod.doudou=function(){
alert(21);
};
(function($){
? //插件入口
? $.fn.myMethod=function(options){
? return new myMethod(options);
?}
? //$.fn.extend({
//myMethod:function(options){
? //return new myMethod(options);
?//}
? //})
})(jQuery);
html：
<head>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/my.js" ></script>
</head>
<body>
hehe
<script>
$(function(){
myMethod.doudou();
var ss=$.myMethod({
id:2,
name:"douniwan"
}).call();
});
</script>
</body>
總結
以上是生活随笔為你收集整理的jquery插件编写学习的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 生成android证书
- 下一篇： css种种