複製代碼 代碼如下:
/*
1.jQuery外掛程式檔案名稱推薦命名為 jquery.[外掛程式名].js 以免和其他javascript庫外掛程式混淆。例如命名為jquery.color.js
2.所有的對象方法名都應當附加到jQuery.fn對象上而所有的全域函數都應當附加到jQuery對象本身上。
3.在外掛程式內部，this指向的是當前通過選取器擷取的jquery對象，而不像一般方法哪樣，例如chick()方法，內部的this指向的dom元素
4.可以通過this.each來遍曆所有元素
5.所有的方法或函數外掛程式，都應當以分號結尾，否者壓縮的時候可能出現問題，為了更穩妥一些，甚至可以在外掛程式頭部先加上一個分號，
以免他人不規範的代碼給查詢帶來影響。
6.外掛程式應該返回一個jquery對象，以保證外掛程式可鏈式操作。除非外掛程式需要返回的是一些需要回去的量，例如字串或者數組
7.避免在外掛程式內部使用$作為jquery對象的別名，而應使完整的jquery來表示，這樣可以避免衝突。當然，也可以利用閉包這種技巧來迴避
這兒問題，使外掛程式內部繼續使用$作為jquery的別名。
*/
//;為了更好的相容性，開始有個分號
;(function($){//此處將$作為匿名函數的形參
//$.fn.extend 擴充外掛程式
$.fn.extend({
"color":function(value){//color 自己寫的外掛程式方法名
//jQuery提供了css方法可以直接寫成this.css("屬性","值");
return this.css("color",value);
}
});
})(jQuery);//這裡將jquery作為實參傳遞給匿名函數
function red(){
alert($("#div").color()+"證明外掛程式可用");
alert($("#div").color("red")+"證明外掛程式返回了一個Jquery對象");
$("#div").color("red");
}
在HTML使用外掛程式樣本：
複製代碼 代碼如下:
<body>
<div id="div" onclick="red()">dddddddddddddddd</div>
</body>
