亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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

具體步驟如下：

第一步：定義插件

$(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 : "插件原來就是這么簡(jiǎn)單!"   //顯示內(nèi)容 
  }); 
});

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

相關(guān)文章

最新評(píng)論