使用jQuery外掛程式的方法:先設定可用的demo;然後再用webkit核心或firefox進行斷點檢視;最後寫外掛框架,程式碼為【(function($){$.fn.extend( {fnKey:function(){}})】。
#本教學操作環境:windows7系統、jquery1.10.0版本,DELL G3電腦。
推薦:jquery影片教學
#使用jQuery外掛程式的方法:
1、jQuery插件要使用它的話通常插件中都有demo或者api可以查閱通常jQuery插件為了減小體積會發布兩個版本XXX.js和XXX.min.js如果你要修改插件需要使用XXX.js文件
2、首先你要知道它怎麼用,先有一個可用的demo
(沒有demo就自己寫一個),然後用webkit內核或firefox進行斷點查看,這主要是為了找插件入口點,當然你也可以直接查看js代碼這需要一定的底子最後就是慢慢查看他的代碼的實現功能了,先得看懂他是怎麼實現的,然後你才會知道怎麼改。
3、jQuery插件我也寫的不少像模擬alert/confirm/prompt 錯誤訊息提示框模擬彈出窗體無縫marquee滾動分頁控制拖曳控制等。
4、jQuery外掛程式的框架寫法通常是(function($){$.fn.extend( {fnKey:function(){}})
//或$.fn.fnKey=function(){}})(jQuery)
上面的兩種寫法的呼叫方式是$(" XXX").fnKey()進行呼叫的
5、還有一種寫法:var fnClass = function(){this.fnKey=function(){ }this.props="";}
這種寫法是的呼叫方式是fnClass obj = new fnClass();obj.fnKey();
第二種寫法是js的物件導向編程得自己慢慢的理解哈
相關免費學習推薦:javascript學習教學
以上是如何使用jQuery的插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!