首頁  >  文章  >  web前端  >  如何使用jQuery的插件

如何使用jQuery的插件

coldplay.xixi
coldplay.xixi原創
2020-12-24 14:06:182970瀏覽

使用jQuery外掛程式的方法:先設定可用的demo;然後再用webkit核心或firefox進行斷點檢視;最後寫外掛框架,程式碼為【(function($){$.fn.extend( {fnKey:function(){}})】。

如何使用jQuery的插件

#本教學操作環境:windows7系統、jquery1.10.0版本,DELL G3電腦。

推薦:jquery影片教學

#使用jQuery外掛程式的方法:

1、jQuery插件要使用它的話通常插件中都有demo或者api可以查閱通常jQuery插件為了減小體積會發布兩個版本XXX.js和XXX.min.js如果你要修改插件需要使用XXX.js文件

如何使用jQuery的插件

2、首先你要知道它怎麼用,先有一個可用的demo(沒有demo就自己寫一個),然後用webkit內核或firefox進行斷點查看,這主要是為了找插件入口點,當然你也可以直接查看js代碼這需要一定的底子最後就是慢慢查看他的代碼的實現功能了,先得看懂他是怎麼實現的,然後你才會知道怎麼改。

如何使用jQuery的插件

3、jQuery插件我也寫的不少像模擬alert/confirm/prompt 錯誤訊息提示框模擬彈出窗體無縫marquee滾動分頁控制拖曳控制等。

如何使用jQuery的插件

4、jQuery外掛程式的框架寫法通常是(function($){$.fn.extend( {fnKey:function(){}})//或$.fn.fnKey=function(){}})(jQuery)上面的兩種寫法的呼叫方式是$(" XXX").fnKey()進行呼叫的

如何使用jQuery的插件

5、還有一種寫法:var fnClass = function(){this.fnKey=function(){ }this.props="";}這種寫法是的呼叫方式是fnClass obj = new fnClass();obj.fnKey();第二種寫法是js的物件導向編程得自己慢慢的理解哈

如何使用jQuery的插件

相關免費學習推薦:javascript學習教學

以上是如何使用jQuery的插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn