Jquery插件編寫

時間：2024-09-13 11:34:00 jQuery Mobile 我要投稿

關(guān)于Jquery插件編寫

　　復(fù)制代碼代碼如下:/*

　　1.jQuery插件文件名推薦命名為 jquery.[插件名].js 以免和其他javascript庫插件混淆。例如命名為jquery.color.js

　　2.所有的對象方法名都應(yīng)當(dāng)附加到j(luò)Query.fn對象上而所有的全局函數(shù)都應(yīng)當(dāng)附加到j(luò)Query對象本身上。

　　3.在插件內(nèi)部，this指向的是當(dāng)前通過選擇器獲取的jquery對象，而不像一般方法哪樣，例如chick()方法，內(nèi)部的this指向的dom元素

　　4.可以通過this.each來遍歷所有元素

　　5.所有的方法或函數(shù)插件，都應(yīng)當(dāng)以分號結(jié)尾，否者壓縮的時候可能出現(xiàn)問題，為了更穩(wěn)妥一些，甚至可以在插件頭部先加上一個分號，

　　以免他人不規(guī)范的代碼給查詢帶來影響。

　　6.插件應(yīng)該返回一個jquery對象，以保證插件可鏈?zhǔn)讲僮鳌３遣寮枰祷氐氖且恍┬枰厝サ牧浚缱址蛘邤?shù)組

　　7.避免在插件內(nèi)部使用$作為jquery對象的別名，而應(yīng)使完整的jquery來表示，這樣可以避免沖突。當(dāng)然，也可以利用閉包這種技巧來回避

　　這兒問題，使插件內(nèi)部繼續(xù)使用$作為jquery的別名。

　　//;為了更好的兼容性，開始有個分號

　　;(function($){//此處將$作為匿名函數(shù)的形參

　　//$.fn.extend 擴(kuò)展插件

　　$.fn.extend({

　　"color":function(value){//color 自己寫的插件方法名

　　//jQuery提供了css方法可以直接寫成this.css("屬性","值");

　　return this.css("color",value);

　　}

　　});

　　})(jQuery);//這里將jquery作為實參傳遞給匿名函數(shù)

　　function red(){

　　alert($("#div").color()+"證明插件可用");

　　alert($("#div").color("red")+"證明插件返回了一個Jquery對象");

　　$("#div").color("red");

　　}

　　在HTML使用插件示例：

　　復(fù)制代碼代碼如下:

　　dddddddddddddddd

【Jquery插件編寫】相關(guān)文章：