如何使用jQuery的插件

使用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中文網其他相關文章！