欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

10分鐘學(xué)會(huì)寫(xiě)Jquery插件實(shí)例教程

 更新時(shí)間：2014年09月06日 15:47:47   投稿：shichen2014  
這篇文章主要介紹了10分鐘學(xué)會(huì)寫(xiě)Jquery插件,通過(guò)一個(gè)實(shí)例分兩步完成一個(gè)簡(jiǎn)單的插件,非常實(shí)用,需要的朋友可以參考下

有很多朋友都用過(guò)jquery插件，但是很少有人自己動(dòng)手寫(xiě)過(guò)jQuery插件，本文就以實(shí)例形式簡(jiǎn)單敘述了jQuery插件的實(shí)現(xiàn)方法。分享給大家供大家參考之用。具體方法如下：
 
具體而言，其實(shí)就是把一些常用、實(shí)用、通用的功能封裝起來(lái)而以，簡(jiǎn)單的來(lái)講就是把這些代碼放在一個(gè)方法里面，可以達(dá)到重復(fù)使用的效果，這樣就可以不需要每次要用此功能的時(shí)候都去重新寫(xiě)一遍。
 
現(xiàn)在Jquery里面加入了插件的概念，只要按照它特定的格式當(dāng)作平時(shí)寫(xiě)function一樣去寫(xiě)就可以了，不雖然搞得太復(fù)雜的。信不信由你們，反正我信了。
 
接下來(lái)用簡(jiǎn)單的代碼來(lái)講解一下，如果大家看了還不會(huì)寫(xiě)插件的話，我只能表示無(wú)語(yǔ)了

具體步驟如下：

第一步：定義插件

$(function() { 
  $.fn.插件名稱 = function(options) { 
   var defaults = { 
     Event : "click",    //觸發(fā)響應(yīng)事件 
     msg : "Holle word!"    //顯示內(nèi)容 
   }; 
   var options = $.extend(defaults,options); 
   var $this = $(this);    //當(dāng)然響應(yīng)事件對(duì)象 
   //功能代碼部分 
   //綁定事件 
   $this.live(options.Event,function(e){ 
     alert(options.msg); 
   }); 
  } 
});

第二步：調(diào)用插件 

$(function() { 
  //綁定元素事件 
  $("#test").插件名稱({ 
   Event : "click",    //觸發(fā)響應(yīng)事件 
   msg : "插件原來(lái)就是這么簡(jiǎn)單!"   //顯示內(nèi)容 
  }); 
});

至此，最簡(jiǎn)單的插件搞定！10分鐘不到！相信大家應(yīng)該都看懂了吧！jQuery插件原來(lái)就這么簡(jiǎn)單。

相關(guān)文章

最新評(píng)論