使用JQuery庫(kù)提供的擴(kuò)展功能實(shí)現(xiàn)自定義方法
更新時(shí)間：2014年09月09日 15:30:43 投稿：whsnow
如何沒有任何一個(gè)庫(kù)可以滿足所有的需求，可以使用JQuery庫(kù)提供的擴(kuò)展功能，下面有個(gè)示例，大家可以看看
JQuery包裝器提供了大量的方法，可以再頁面中直接使用。但是，沒有任何一個(gè)庫(kù)可以滿足所有的需求，所以，JQuery庫(kù)提供了豐富的擴(kuò)展功能。以禁用一組表單元素為例，看看怎么簡(jiǎn)單有效的在JQuery庫(kù)中添加自定義的功能擴(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>測(cè)試自定義方法禁用表單元素</p>
<form>
<input type="text" value="test"><br/>
<input type="button" value="confirm" class="test">
</form>
</body>
</html>
文本框和按鈕已經(jīng)被禁用：
若只禁用按鈕，添加一個(gè)css類即可;
jQuery(function()
{
$("form input.test").disable();
});
看看是不是禁用了按鈕：
實(shí)現(xiàn)也很簡(jiǎ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），我測(cè)試過，沒有實(shí)現(xiàn)禁用。錯(cuò)誤之處，還望指正。
您可能感興趣的文章:
- jQuery插件kinMaxShow擴(kuò)展效果用法實(shí)例
- jQuery通過擴(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通過擴(kuò)展select控件實(shí)現(xiàn)支持enter或focus選擇的方法
相關(guān)文章
這篇文章主要介紹了jquery通過索引值操作html元素的代碼,需要的朋友可以參考下2023-05-05
jquery實(shí)現(xiàn)簡(jiǎn)單自動(dòng)輪播圖效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)簡(jiǎn)單自動(dòng)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
jquery實(shí)現(xiàn)簡(jiǎn)易的移動(dòng)端驗(yàn)證表單
本文給大家匯總介紹了幾個(gè)常用的jquery實(shí)現(xiàn)簡(jiǎn)易的移動(dòng)端驗(yàn)證表單，非常的實(shí)用，有需要的小伙伴可以進(jìn)來參考下。2015-11-11
JavaScript實(shí)現(xiàn)的彈出遮罩層特效經(jīng)典示例【基于jQuery】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的彈出遮罩層特效,結(jié)合實(shí)例形式分析了基于jQuery實(shí)現(xiàn)的頁面元素與屬性動(dòng)態(tài)操作相關(guān)使用技巧,需要的朋友可以參考下2019-07-07
filter() 方法返回符合一定條件的元素。該方法讓您規(guī)定一個(gè)條件。不符合條件的元素將從選擇中移除，符合條件的元素將被返回。這篇文章主要介紹了 jquery的 filter()方法使用,需要的朋友可以參考下2018-03-03
jquery slibings選取同級(jí)其他元素的實(shí)現(xiàn)代碼
jquery選取同級(jí)其他元素可以使用slibings方法，end方法可以清除之前的鏈?zhǔn)讲僮?，相?dāng)于重新開始2013-11-11
這篇文章主要介紹了jQuery validate插件功能與用法,結(jié)合實(shí)例形式詳細(xì)分析了jQuery validate插件的功能、參數(shù)、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-12-12
這篇文章主要介紹了利用jQuery異步上傳文件的插件用法詳解,需要的朋友可以參考下2017-07-07
bind() 方法為被選元素添加一個(gè)或多個(gè)事件處理程序，并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)。這篇文章主要介紹了jQuery中的 bind用法,需要的朋友可以參考下2017-02-02
本文給大家分享的是使用javascript實(shí)現(xiàn)的七夕情人節(jié)丘比特射箭小游戲的代碼，并附上源碼下載，誰說程序猿就不懂得浪漫呢，小伙伴們感覺拿去獻(xiàn)寶吧（當(dāng)然了，首先你得有女票才行^_^）2015-08-08