首頁  >  文章  >  web前端  >  jquery插件是什麼意思?怎麼用?

jquery插件是什麼意思?怎麼用?

不言
不言原創
2018-10-18 11:54:565142瀏覽

我們知道jQuery是一個快速、簡潔的JavaScript框架,但jquery外掛是什麼呢?怎麼用?這可能就會有點迷糊,那麼,接下來你這篇文章就給大家來介紹一下jquery插件的意思以及用法。有需要的朋友可以參考一下。

首先我們來看jquery外掛是什麼意思?

jquery外掛程式就是一些人用jquery寫的一些工具,我們在呼叫時只需要用很少的程式碼就能實現很好的效果,寫jquery外掛的目的主要是給已經有的一系列方法或函數做一個封裝,以便在其他地方重複使用,方便後期維護和提高開發效率。

看完了jquery外掛的意思後,我們接著來看jquery外掛該怎麼用

我們先來看看jquery外掛程式呼叫的方法:

1、透過$.extend()來拓展jquery

2、透過向$.fn來想jquery加入方法

3、透過$.widget ()應用jQuery UI零件工場方法建立

其中的方法1沒辦法呼叫選擇器,只被jQuery理解成為新增靜態方法,所以我們使用的時候不需要選取DOM物件

下面我們就來看看jquery外掛的基本用法

1、jQuery外掛的檔名推薦命名為jquery.[外掛名稱].js,以免和其他JavaScript庫插件混淆。

2、所有的物件方法都應該附加到jQuery.fn物件上,而所有的全域函數都應附加到jQuery物件本身上。

3、在插件內部,this指向的是目前透過選擇器取得的jQuery對象,而不像一般方法那樣,例如click()方法,內部的this指向的DOM元素。

4、可以透過this.each來遍歷所有元素。

5、所有的方法或函數插件,都應以分號結尾,否則壓縮的時候可能會出現問題。為了更穩妥些,甚至可以在插件頭部先加上一個分號,以免他人的不規範代碼給插件帶來影響。

6、外掛程式應該傳回一個jQuery對象,以確保外掛程式的可鍊式操作。除非插件需要傳回的是一些需要取得的量,例如字串或陣列等。

7、避免在外掛內部使用$作為jQuery物件的別名,而應使用完整的jQuery來表示。這樣可以避免衝突,當然,也可以利用閉包這種技巧來迴避這個問題,讓外掛內部繼續使用$作為jQuery的別名。很多插件都是這樣做的。

這篇文章到這裡就全部結束了,更多精彩內容可以追蹤php中文網相關教學! ! !

以上是jquery插件是什麼意思?怎麼用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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