日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

jquery的ajax用法 jquery插件怎么寫教程

云知道

這篇文章主要介紹了從如何寫JQuery插件，需要注意的事項(xiàng)，還有必須要做的步驟，看過這個(gè)文章相信你會(huì)明白如何寫好一個(gè)JQuery插件 。
普及JQuery知識(shí)
知識(shí)1：用JQuery寫插件時(shí)，核心的方法有如下兩個(gè)：
$.extend(object) 可以理解為JQuery 添加一個(gè)靜態(tài)方法 。
$.fn.extend(object) 可以理解為JQuery實(shí)例添加一個(gè)方法 。
基本的定義與調(diào)用：
/* $.extend 定義與調(diào)用
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
$.extend({ fun1: function () { alert(“執(zhí)行方法一”); } });
$.fun1();
/* $.fn.extend 定義與調(diào)用
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
$.fn.extend({ fun2: function () { alert(“執(zhí)行方法2”); } });
$(this).fun2();
//等同于
$.fn.fun3 = function () { alert(“執(zhí)行方法三”); }
$(this).fun3();
知識(shí)2:jQuery(function () { }); 與 (function ($) { })(jQuery);的區(qū)別：
jQuery(function () { });
//相當(dāng)于
$(document).ready(function () { });
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
(function ($) { })(jQuery);
//相當(dāng)于
var fn = function ($) { };
fn(jQuery);
jQuery(function () { });是某個(gè)DOM元素加載完畢后執(zhí)行方法里的代碼 。
(function ($) { })(jQuery); 定義了一個(gè)匿名函數(shù)，其中jQuery代表這個(gè)匿名函數(shù)的實(shí)參 。通常用在JQuery插件開發(fā)中，起到了定義插件的私有域的作用 。

jquery的ajax用法 jquery插件怎么寫教程


三：開發(fā)JQuery插件標(biāo)準(zhǔn)結(jié)構(gòu)
1，定義作用域：定義一個(gè)JQuery插件，首先要把這個(gè)插件的代碼放在一個(gè)不受外界干擾的地方 。如果用專業(yè)些的話來說就是要為這個(gè)插件定義私有作用域 。外部的代碼不能直接訪問插件內(nèi)部的代碼 。插件內(nèi)部的代碼不污染全局變量 。在一定的作用上解耦了插件與運(yùn)行環(huán)境的依賴 。說了這么多，那要怎樣定義一個(gè)插件的私有作用域?
(function ($) {
})(jQuery);
到現(xiàn)在為止，其實(shí)一個(gè)簡(jiǎn)單的JQuery插件就已經(jīng)完成了 。調(diào)用的時(shí)候可以$(“#domName”).easySlider({})，或者$(“.domName”).easySlider({})或者更多的方式來調(diào)用這個(gè)插件 。
3，設(shè)置默認(rèn)值：定義一個(gè)JQuery插件，就像定義一個(gè).net控件 。一個(gè)完美的插件，應(yīng)該是有比較靈活的屬性 。我們來看這段代碼： 。TextBox控件有Width和Height屬性，用戶在用TextBox時(shí)，可以自由的設(shè)置控件的Height和Width，也可以不設(shè)置值，因?yàn)榭丶陨碛心J(rèn)值 。那準(zhǔn)備開發(fā)一個(gè)JQuery插件時(shí)，在用戶未指定屬性時(shí)，應(yīng)該有默認(rèn)值，在JQuery可以分兩步實(shí)現(xiàn)這樣的定義,看如下代碼step03-a，step03-b 。
//step01 定義JQuery的作用域
(function ($) {
//step03-a 插件的默認(rèn)值屬性
var defaults = {
prevId: ‘prevBtn’,
prevText: ‘Previous’,
nextId: ‘nextBtn’,
nextText: ‘Next’
//……
};
//step02 插件的擴(kuò)展方法名稱
$.fn.easySlider = function (options) {
//step03-b 合并用戶自定義屬性，默認(rèn)屬性
var options = $.extend(defaults, options);
}
})(jQuery);
做程序的人都喜歡創(chuàng)新，改改變量名呀，換一個(gè)行呀這些 。當(dāng)看到用var defaults = {}來表示一個(gè)默認(rèn)屬性時(shí)，在自己寫JQuery插件時(shí)就想著與眾不同，所以用var default01 ={} ，var default02 ={}來表示默認(rèn)屬性了 。然后默認(rèn)屬性名五花八門，越來越糟 。所以建議在寫JQuery插件時(shí)，定義默認(rèn)屬性時(shí)，都用defaults變量來代表默認(rèn)屬性，這樣的代碼更具有可讀性 。

推薦閱讀