資源描述：
《JQUERY封裝插件詳解.pdf》由會員上傳分享，免費在線閱讀，更多相關內容在行業(yè)資料-天天文庫。
1、方法一：$.extend()向jquery中添加函數(shù)例：$.extend({sayHello:function(name){alert('hello'+(name?name:'Dude')+'!');}})$.sayHello();//調用$.sayHello('Wayou');//帶參數(shù)調用$.extend(target,object1,[objectN])用一個或多個其他對象來擴展一個對象，返回被擴展的對象varsettings={validate:false,limit:5,name:'foo'};varopt
2、ions={validate:true,name:'bar'};$.extend(settings,options);結果：settings=={validate:true,limit:5,name:'bar'};方法二：$.fn上面添加一個方法。$.fn.pluginName=fucntion(){//yourcode}例子:將所有連接顏色轉為紅色$.fn.myPlugin=function(){this.css('color','red');}$('a').myPlugin();//將所有標簽都變?yōu)榧t色形式
3、1：$.fn.extend({pluginName:function(){//yourcode}})(jQuery);形式2：;(function($){$.fn.pluginName=function(){//yourcode}})(jQuery);形式1與形式2一致方法三：將$.extend()和$.fn()合并$.fn.myPlugin=function(options){vardefaults={'color':'red','fontSize':'12px'};varsettings=$.extend(def
4、aults,options);//將options對象合并到defaults對象varsettings=$.extend({},defaults,options);//將options和defaults合并到{}空對象中，比上面的優(yōu)勢就是不會覆蓋默認對象defaults//返回值returnthis.css({'color':settings.color,'fontSize':settings.fontSize});}JQuery插件開發(fā)步驟1、使用閉包;(function($)){}(jQuery);a)、避免全局
5、依賴b)、避免第三方破壞c)、兼容jquery操作符'$'和'jQuery'2、擴展JQuery提供了2個供用戶擴展的“基類”--$.extend和$.fn.extend$.extend用于自身方法$.fn.extentd用戶擴展jquery類3、選擇器a)、盡量使用Id選擇器b)、樣式選擇器應該盡量明確指定的tagName，例如className為jq的div，要寫成$('div.jq')而不是$('.jq')
