使用JQuery庫提供的擴(kuò)展功能實現(xiàn)自定義方法

更新時間：2014年09月09日 15:30:43 投稿：whsnow

如何沒有任何一個庫可以滿足所有的需求，可以使用JQuery庫提供的擴(kuò)展功能，下面有個示例，大家可以看看

JQuery包裝器提供了大量的方法，可以再頁面中直接使用。但是，沒有任何一個庫可以滿足所有的需求，所以，JQuery庫提供了豐富的擴(kuò)展功能。以禁用一組表單元素為例，看看怎么簡單有效的在JQuery庫中添加自定義的功能擴(kuò)展。（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.方法名方式擴(kuò)展（P12），我測試過，沒有實現(xiàn)禁用。錯誤之處，還望指正。

您可能感興趣的文章:

相關(guān)文章

jquery通過索引值操作html元素的代碼
這篇文章主要介紹了jquery通過索引值操作html元素的代碼,需要的朋友可以參考下
2023-05-05
jquery實現(xiàn)簡單自動輪播圖效果
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)簡單自動輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-07-07
jquery實現(xiàn)簡易的移動端驗證表單
本文給大家匯總介紹了幾個常用的jquery實現(xiàn)簡易的移動端驗證表單，非常的實用，有需要的小伙伴可以進(jìn)來參考下。
2015-11-11
JavaScript實現(xiàn)的彈出遮罩層特效經(jīng)典示例【基于jQuery】
這篇文章主要介紹了JavaScript實現(xiàn)的彈出遮罩層特效,結(jié)合實例形式分析了基于jQuery實現(xiàn)的頁面元素與屬性動態(tài)操作相關(guān)使用技巧,需要的朋友可以參考下
2019-07-07
jquery的 filter()方法使用教程
filter() 方法返回符合一定條件的元素。該方法讓您規(guī)定一個條件。不符合條件的元素將從選擇中移除，符合條件的元素將被返回。這篇文章主要介紹了 jquery的 filter()方法使用,需要的朋友可以參考下
2018-03-03
jquery slibings選取同級其他元素的實現(xiàn)代碼
jquery選取同級其他元素可以使用slibings方法，end方法可以清除之前的鏈?zhǔn)讲僮?，相?dāng)于重新開始
2013-11-11
jQuery validate插件功能與用法詳解
這篇文章主要介紹了jQuery validate插件功能與用法,結(jié)合實例形式詳細(xì)分析了jQuery validate插件的功能、參數(shù)、使用方法與相關(guān)注意事項,需要的朋友可以參考下
2016-12-12
利用jQuery異步上傳文件的插件用法詳解
這篇文章主要介紹了利用jQuery異步上傳文件的插件用法詳解,需要的朋友可以參考下
2017-07-07
jQuery中 bind的用法簡單介紹
bind() 方法為被選元素添加一個或多個事件處理程序，并規(guī)定事件發(fā)生時運行的函數(shù)。這篇文章主要介紹了jQuery中的 bind用法,需要的朋友可以參考下
2017-02-02
七夕情人節(jié)丘比特射箭小游戲
本文給大家分享的是使用javascript實現(xiàn)的七夕情人節(jié)丘比特射箭小游戲的代碼，并附上源碼下載，誰說程序猿就不懂得浪漫呢，小伙伴們感覺拿去獻(xiàn)寶吧（當(dāng)然了，首先你得有女票才行^_^）
2015-08-08