jquery插件開發(fā)注意事項(xiàng)小結(jié)
Jquery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架。它是輕量級(jí)的js庫(壓縮后只有21k) ,它兼容CSS3,還兼容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果,并且方便地為網(wǎng)站提供AJAX交互。jQuery還有一個(gè)比較大的優(yōu)勢(shì)是,它的文檔說明很全,而且各種應(yīng)用也說得很詳細(xì),同時(shí)還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁保持代碼和html內(nèi)容分離,也就是說,不用再在html里面插入一堆js來調(diào)用命令了,只需定義id即可。jquery插件開發(fā)時(shí)要注意以下事項(xiàng)。

開發(fā)插件的注意事項(xiàng):
1、在編寫對(duì)象級(jí)別的插件時(shí),使用jQuery.fn.extend()方法進(jìn)行功能擴(kuò)展;而針對(duì)類級(jí)別的插件,則使用jQuery.extend方法進(jìn)行擴(kuò)展。
2、插件的文件命名必須嚴(yán)格遵循jQuery.[插件名].js的規(guī)則,以便于與其他的js文件的區(qū)分,如新插件文件jquery.newplugin.js.
3、如果是對(duì)象級(jí)別插件,所有的方法都應(yīng)依附于jquery.fn主體對(duì)象;如果是類級(jí)別插件,所有的方法都應(yīng)依附于jquery對(duì)象.
4、無論是對(duì)象級(jí)別還是類級(jí)別插件,結(jié)尾都必須以分號(hào)結(jié)束,否則,在文件被壓縮時(shí),會(huì)出現(xiàn)錯(cuò)誤提示信息.
5、雖然"$"美元符,可以與"jQuery"字符相代替,但在編寫插件的代碼中,盡量不要使用"$"符號(hào),以避免與別的代碼沖突.
6、在插件內(nèi)部的代碼中,如果要訪問每個(gè)元素,可以使用this.each方法來遍歷全部元素.
7、需要說明的是在插件的內(nèi)部,this所代表的是通過jQuery選擇器所獲取的對(duì)象,而非傳統(tǒng)意義上的對(duì)象的引用.
8、由于jQuery代碼在調(diào)用方法時(shí),可以采用鏈寫的方法同時(shí)調(diào)用多個(gè)方法,因此,為了保證這個(gè)功能的實(shí)現(xiàn),插件本身必須返回一個(gè)jQuery對(duì)象.
很多插件開發(fā)人員都開發(fā)了很多不錯(cuò)的jQuery插件,但是對(duì)我們這些插件的使用者來說,很多jQuery插件的使用都不是那么直接和透明。而且對(duì)于插件開發(fā)來說,如果你有一個(gè)非常好的架構(gòu),將會(huì)給你的開發(fā)帶來極大的益處。所以在正式開發(fā)前,注意以上jquery插件開發(fā)注意事項(xiàng)還是非常有必要的。
相關(guān)文章
jquery 將disabled的元素置為enabled的三種方法
在jquery中可以通過jqueryObj.attr("disabled","disabled")將頁面中某個(gè)元素置為不可編輯或觸發(fā)狀態(tài),但是在jquery的API reference中并沒說明怎么將頁面置為disable的元素重新置為可觸發(fā)或可編輯的。2009-07-07
jQuery實(shí)現(xiàn)三級(jí)菜單的代碼
上周新接手一個(gè)網(wǎng)站建設(shè)的活兒,其中有需要要jquery代碼實(shí)現(xiàn)三級(jí)菜單的需求,其實(shí)說難也不難,下面小編把代碼分享給大家,供大家參考2016-05-05
jQuery實(shí)時(shí)統(tǒng)計(jì)輸入框字?jǐn)?shù)及限制
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)時(shí)統(tǒng)計(jì)輸入框字?jǐn)?shù)及限制,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06
Jqgrid設(shè)置全選(選擇)及獲取選擇行的值示例代碼
本篇文章主要介紹了Jqgrid設(shè)置全選(選擇)及獲取選擇行的值示例代碼。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12
jQuery實(shí)例—選項(xiàng)卡的簡單實(shí)現(xiàn)(js源碼和jQuery)
下面小編就為大家?guī)硪黄猨Query實(shí)例—選項(xiàng)卡的簡單實(shí)現(xiàn)(js源碼和jQuery) 。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06

