資源描述：
《JQuery深刻理解》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。
1、JQuery深刻理解一：導言 有些WEB開發(fā)者，會引用一個JQuery類庫，然后在網頁上寫一寫$("#")，$(".")，寫了幾年就對別人說非常熟悉JQuery。我曾經也是這樣的人，直到有一次公司里的技術交流，我才改變了自己對自己的看法。二：普及JQuery知識知識1：用JQuery寫插件時，最核心的方法有如下兩個：$.extend(object)可以理解為JQuery添加一個靜態(tài)方法。$.fn.extend(object)可以理解為JQuery實例添加一個方法。基本的定義與調用：/*$.extend定義與調用********************
2、*********************/$.extend({fun1:function(){alert("執(zhí)行方法一");}});$.fun1();/*$.fn.extend定義與調用*****************************************/$.fn.extend({fun2:function(){alert("執(zhí)行方法2");}});$(this).fun2();//等同于$.fn.fun3=function(){alert("執(zhí)行方法三");}$(this).fun3();知識2:jQuery(function(){}
3、);與(function($){})(jQuery);的區(qū)別：jQuery(function(){});//相當于$(document).ready(function(){});/***********************************/(function($){})(jQuery);//相當于varfn=function($){};fn(jQuery);jQuery(function(){});是某個DOM元素加載完畢后執(zhí)行方法里的代碼。(function($){})(jQuery);定義了一個匿名函數，其中jQuery代表這個匿名函數
4、的實參。通常用在JQuery插件開發(fā)中，起到了定義插件的私有域的作用。三：開發(fā)JQuery插件標準結構 1，定義作用域：定義一個JQuery插件，首先要把這個插件的代碼放在一個不受外界干擾的地方。如果用專業(yè)些的話來說就是要為這個插件定義私有作用域。外部的代碼不能直接訪問插件內部的代碼。插件內部的代碼不污染全局變量。在一定的作用上解耦了插件與運行環(huán)境的依賴。說了這么多，那要怎樣定義一個插件的私有作用域？//step01定義JQuery的作用域(function($){})(jQuery);別小看了這個作用域，就像c#定義一個類的class關鍵字一樣重要
5、。 2，為JQuery擴展一個插件：當定義好了JQuery的作用域后，最核心也是最迫切的一步就是為這個JQuery的實例添加一個擴展方法。首先我們?yōu)檫@個Jqury插件命名一個方法，叫easySlider，當在調用這個插件的時候，我們可以通過options來給這個插件傳遞一些參數。具體的定義方法看如下代碼：//step01定義JQuery的作用域(function($){//step02插件的擴展方法名稱$.fn.easySlider=function(options){}})(jQuery);到現在為止，其實一個最簡單的JQuery插件就已經完成了。
6、調用的時候可以$("#domName").easySlider({})，或者$(".domName").easySlider({})或者更多的方式來調用這個插件。 3，設置默認值：定義一個JQuery插件，就像定義一個.net控件。一個完美的插件，應該是有比較靈活的屬性。我們來看這段代碼：。TextBox控件有Width和Height屬性，用戶在用TextBox時，可以自由的設置控件的Height和W
7、idth，也可以不設置值，因為控件自身有默認值。那準備開發(fā)一個JQuery插件時，在用戶未指定屬性時，應該有默認值，在JQuery可以分兩步實現這樣的定義,看如下代碼step03-a，step03-b。//step01定義JQuery的作用域(function($){//step03-a插件的默認值屬性vardefaults={prevId:'prevBtn',prevText:'Previous',nextId:'nextBtn',nextText:'Next'//……};//step02插件的擴展方法名稱$.fn.easySlider=functi
8、on(options){//step03-b合并用戶自定義屬性，默認屬性varoptions=
