使用JQuery庫提供的擴展功能實現(xiàn)自定義方法
JQuery包裝器提供了大量的方法,可以再頁面中直接使用。但是,沒有任何一個庫可以滿足所有的需求,所以,JQuery庫提供了豐富的擴展功能。以禁用一組表單元素為例,看看怎么簡單有效的在JQuery庫中添加自定義的功能擴展。(JQuery沒有禁用表單元素的方法哦)
上代碼:
<!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>測試自定義方法禁用表單元素</p> <form> <input type="text" value="test"><br/> <input type="button" value="confirm" class="test"> </form> </body> </html>
文本框和按鈕已經(jīng)被禁用:
若只禁用按鈕,添加一個css類即可;
jQuery(function() { $("form input.test").disable(); });
看看是不是禁用了按鈕:
實現(xiàn)也很簡單,打開jquery-2.1.1.js源碼,沒有壓縮的,比較容易,我引入
的是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》一書中,提到以$.fn.方法名方式擴展(P12),我測試過,沒有實現(xiàn)禁用。錯誤之處,還望指正。
相關(guān)文章
Jquery+Ajax+PHP+MySQL實現(xiàn)分類列表管理(下)
本文將采用Jquery+Ajax+PHP+MySQL來實現(xiàn)一個客戶分類列表的管理,如何利用Ajax和Json技術(shù)讓用戶操作起來覺得更輕松,感興趣的小伙伴們可以參考一下2015-10-10