使用JQuery庫(kù)提供的擴(kuò)展功能實(shí)現(xiàn)自定義方法
JQuery包裝器提供了大量的方法,可以再頁(yè)面中直接使用。但是,沒(méi)有任何一個(gè)庫(kù)可以滿(mǎn)足所有的需求,所以,JQuery庫(kù)提供了豐富的擴(kuò)展功能。以禁用一組表單元素為例,看看怎么簡(jiǎn)單有效的在JQuery庫(kù)中添加自定義的功能擴(kuò)展。(JQuery沒(méi)有禁用表單元素的方法哦)
上代碼:
<!DOCTYPE> <html lang="en"> <head> <title>Custom Method!</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="js/jquery-2.1.1.js"></script> <script type="text/javascript"> jQuery(function() { $("form input").disable(); }); </script> </head> <body> <p>測(cè)試自定義方法禁用表單元素</p> <form> <input type="text" value="test"><br/> <input type="button" value="confirm" class="test"> </form> </body> </html>
文本框和按鈕已經(jīng)被禁用:
若只禁用按鈕,添加一個(gè)css類(lèi)即可;
jQuery(function() { $("form input.test").disable(); });
看看是不是禁用了按鈕:
實(shí)現(xiàn)也很簡(jiǎn)單,打開(kāi)jquery-2.1.1.js源碼,沒(méi)有壓縮的,比較容易,我引入
的是jquery-2.1.1.js,然后添加下列代碼
jQuery.fn.disable=function () { return this.each(function() { if(this.disabled != null) this.disabled=true; }); }
在按照上述案例的方式調(diào)用即可。
在《JQuery In Action》一書(shū)中,提到以$.fn.方法名方式擴(kuò)展(P12),我測(cè)試過(guò),沒(méi)有實(shí)現(xiàn)禁用。錯(cuò)誤之處,還望指正。
- jQuery插件kinMaxShow擴(kuò)展效果用法實(shí)例
- jQuery通過(guò)擴(kuò)展實(shí)現(xiàn)抖動(dòng)效果的方法
- 修改或擴(kuò)展jQuery原生方法的代碼實(shí)例
- Jquery中擴(kuò)展方法extend使用技巧
- jQuery.extend()、jQuery.fn.extend()擴(kuò)展方法示例詳解
- 文本域光標(biāo)操作的jQuery擴(kuò)展分享
- jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件。
- jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件
- jquery通過(guò)擴(kuò)展select控件實(shí)現(xiàn)支持enter或focus選擇的方法
相關(guān)文章
Jquery+Ajax+PHP+MySQL實(shí)現(xiàn)分類(lèi)列表管理(下)
本文將采用Jquery+Ajax+PHP+MySQL來(lái)實(shí)現(xiàn)一個(gè)客戶(hù)分類(lèi)列表的管理,如何利用Ajax和Json技術(shù)讓用戶(hù)操作起來(lái)覺(jué)得更輕松,感興趣的小伙伴們可以參考一下2015-10-10jQuery實(shí)現(xiàn)簡(jiǎn)潔的輪播圖效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)潔的輪播圖效果,結(jié)合實(shí)例形式分析了jQuery的事件響應(yīng)機(jī)制與頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-09-09jQuery編寫(xiě)網(wǎng)頁(yè)版2048小游戲
本文主要分享了jQuery編寫(xiě)網(wǎng)頁(yè)版2048小游戲的示例代碼,具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01jquery獲取當(dāng)前元素索引值用法實(shí)例
這篇文章主要介紹了jquery獲取當(dāng)前元素索引值用法,實(shí)例分析了jQuery獲取當(dāng)前元素索引在創(chuàng)建圖片輪播效果中的使用技巧,需要的朋友可以參考下2015-06-06jQuery拖動(dòng)元素并對(duì)元素進(jìn)行重新排序
這篇文章主要介紹了jQuery拖動(dòng)元素并對(duì)元素進(jìn)行重新排序的實(shí)現(xiàn)方法,感興趣的小伙伴們可以參考一下2015-12-12jQuery Ajax File Upload實(shí)例源碼
這篇文章主要為大家分享了jQuery Ajax File Upload實(shí)例源碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12