首頁 > web前端 > js教程 > 主體

Jquery外掛程式編寫簡明教學_jquery

WBOY
發布: 2016-05-16 16:54:40
原創
1080 人瀏覽過

複製程式碼 程式碼如下:
 /* 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 自己寫的外掛方法名稱
   方法可以直接寫成this.css("屬性","值");
       return this.css("color",value);
      }
  });
      }
 (jQuery);//這裡將jquery作為實參傳遞給匿名函數

 
 function red(){
  alert($("#div").color() "證明外掛程式可用");
  alert($("#div").color("red") "證明外掛回傳了一個Jquery物件");
  $("#div").color("red") ;
 }
在HTML使用插件示例:


複製代碼 代碼如下:
dddddddddddddddd

 
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板