簡單的jquery外掛程式編寫 table換行顏色變化

2021-06-21 14:29:22 字數 1014 閱讀 9026

1、結構:(function($){})(jquery); 或$(fn) 或$(function(){});  // 等價於$(document).ready(function){});

(function($))(jquery);

2、外掛程式的定義:$.fn.外掛程式名 = function(){}  函式中為外掛程式的各種屬性、引數

(function($);

})(jquery);

3、在函式中邪外掛程式的各種屬性、引數

(function($)

};})(jquery);

4、定義好函式的屬性和對應的值以後,合併外掛程式名的呼叫即擴充套件jquery功能:var options = $.extend(defaults,options);  

var options = $.extend(defaults,options);   // 合併多個引數options到defaults中為乙個引數。返回值為合併後的defaults

擴充套件已經有的objiect的物件:var newsrc = $.extend(dest,src1,src2,src3...)將後面幾個合到dest中,返回值為合併後的dest。

(function($)

var options = $.extend(defaults,options);  

};})(jquery);

5、實現外掛程式的功能**

this.each(function));

$(thistab).find("tr").on("mouseout",function());

6、呼叫外掛程式

$(function())(jquery);

總結:(function($) 

var options = $.extend(defaults, options); 

this.each(function()); 

}; })(jquery); 

完整**測試: 標題

01結構

01樣式

01題目

01總結01

簡單的Jquery 外掛程式編寫

jquery如此流行,各式各樣的jquery外掛程式也是滿天飛。你有沒有想過把自己的一些常用的js功能也寫成jquery外掛程式呢?如果你的答案是肯定的,那麼來吧!和我一起學寫jquery外掛程式吧!先想好做個什麼功能 這是第一步,也是很重要的一步,鑑於咱們都是剛學習寫jquery外掛程式,所以,這...

jquery外掛程式編寫

最近大家都玩什麼react node angular這些玩意去了 隨著瀏覽器的相容性 以及前端開發思想的進化 jquery逐漸被拋棄 現在自己也很少用了 純粹為了懷戀曾經的jquery.現在寫寫jquery外掛程式的寫法。沒事的時候避免老年痴呆,可以用來玩玩。寫法一 function window ...

jQuery 編寫外掛程式

jquery為開發外掛程式提供了兩個方法,分別是 1 類級別的外掛程式開發,即給jquery新增新的全域性函式,相當於給jquery類本身新增方法。2 物件級別的外掛程式開發,即給jquery物件新增方法。1 類級別的外掛程式開發 用的比較少 a.新增全域性函式 jquery.foo functio...