首頁 > 開發者 > JavaScript
使用JQuery庫提供的擴充功能實現自訂方法，jquery擴充功能
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>
文字框和按鈕已經被禁用：
若只禁用按鈕，添加一個css類即可;
jQuery(function() {$("form input.test").disable(); });
看看是不是禁用了按鈕：
實現也很簡單，開啟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; }); }
在按照上述案例的方式調用即可。
在《JQuery In Action》一書中，提到以$.fn.方法名方式擴充（P12），我測試過，沒有實現禁用。錯誤之處，還望指正。
你後面擴充寫成了"showLbtDialog"這個函數，所以調用方式是$("#div").showLbtDialog();
如果想調用原始的擴充，調用方式是:$.lbtDialog.lbtSetDiv
你看
jQuery.fn.extend({
showLbtDialog: function(p) {
var lbt = $.extend(true,{},$.lbtDialog,p);
return lbt.lbtSetDiv;
}
這一段裡面其實已經有過調用方法了
JQUERY 怎調用自訂函數
自訂??那得看你是如何自訂法了,普通的直接用就行了,如function aa(){}, 用時直接aa(),如果是擴充到jQuery對象中的自訂方法那就有二種用法,一種如$.extend({'aa':function(){}}),這種調用時就是這樣$.aa(),另一種如$.fn.extend({'aa':function(){}}),這種調用時就得這樣,$(this).aa()
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
