jquery插件编写学习
1、(function($){})(jQuery),$(function(){})的區(qū)別
(function($){})(jQuery)其實是一個匿名函數(shù)的調(diào)用過程，其中function($){}是一個匿名函數(shù)，(jQuery)是調(diào)用的過程，前面的用()括起來是由于運算符優(yōu)先級的問題，所以函數(shù)本身也需要()
2、$.extend({})、$.fn.extend({})和$.fn.函數(shù)名、$.fn
$.extend()是對JQuery的擴展，相當(dāng)于JQuery的靜態(tài)方法。
$.fn.extend()是對JQuery對象的擴展，相當(dāng)于JQuery的事例對象方法。
$.fn.函數(shù)名功能與$.fn.extend()相同，不同在于$.fn.extend()可同時拓展多個方法而$.fn.函數(shù)名只能拓展一個即函數(shù)名。
$.fn功能與$.extend()相同，不同之處與$.fn.函數(shù)名同$.fn.extend()的區(qū)別相同。
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>
總結(jié)
以上是生活随笔為你收集整理的jquery插件编写学习的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 生成android证书
- 下一篇： css种种