jQuery 外掛程式學習

2021-07-11 17:21:39 字數 841 閱讀 4990

總結:

1.$.fn.pluginname = function

(opt){}

就是為jquery的prototype定義了函式, 這樣, 任何乙個jquery物件都可以使用這個成員函式, 這種寫法直觀明了, 你只要知道的就是$.fn = jquery.prototype = $.prototype

2.$.fn.extend, 在jquery中重新定義了extend的使用方法, 如果只有乙個引數, 那麼就是擴充套件本身, 即$.fn.extend({}), 就是用{}物件擴充套件$.fn, 也就是jquery的prototype, 這樣, 和上面那個就一樣了

兩者沒有什麼區別, 怎麼用看自己習慣和理解

3.還有一種寫法就是$.extend($.fn, {}); 這個extend不是乙個引數, 它作用是用後面的擴充套件前面的, 即用{}擴充套件了$.fn, 還是乙個意思

4.關於$(this)和this, 你關鍵還是要知道this表示的是什麼, 如果this是乙個dom元素, 那麼$(this)是乙個jquery元素, 如果this是乙個jquery元素, 那麼$(this)還是乙個jquery元素, 雖然你用==去判斷兩者是不同的, 但是他們內容都是一樣的, 這是我的經驗, 我並沒有去深入看過原始碼, jquery的api中似乎也沒有說這個.

5.關於this和$(this)還要注意一點$('.abc').click(function

(){});中this是dom元素, $(this)是jquery元素, 而寫外掛程式的時候, 由於是擴充套件prototype, 所以this就是物件例項, 即this就是jquery物件, $(this)還是jquery物件, 他們雖然不是同一物件, 但是內容是完全相同的

Jquery外掛程式學習

前端開發也工作了一段時間,jquery 頁寫了很多,但是都是些的很零散的,不是很好用,網上看了很多人寫的jquery 很好用,而且到每個專案中都可以使用,本人就感覺很好奇他們是怎麼做到的呢,於是自己也開始想學習封裝一下,才用了jquery外掛程式的學習,在學習jquery的開發時候網上也看過了很多人...

jquery 外掛程式 validate 學習

jquery是十分方便的對於現在來說。首先應該明白乙個問題 password 請問的父元素是誰?當然,如果看不出來,我們可以使用chrome瀏覽器一眼真假 這兩個是必須要的引入,rules 包含了所有的驗證規則,message中是驗證成功提示的資訊,success string,function 如...

jquery外掛程式學習(四)

繼續 加油哈,堅持,fighting 如果你明白了前面講的使用jquery.fn物件屬性的方法建立jquery物件的方法,那麼使用extend 方法建立jquery物件就比較容易理解了。理解了嗎,一定要仔細揣摩,仔細研究。我也是再慢慢的學習,慢慢的領悟。針對上面的示例,我們可以呼叫jquery.fn...