如何利用jquery來(lái)給input添加或刪除disabled屬性全部方法總結(jié)

一、以下二種方法是可以為input添加disabled屬性的方法

成都創(chuàng)新互聯(lián)是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷策劃、微信小程序開(kāi)發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開(kāi)發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十年以來(lái)，已經(jīng)為1000多家房屋鑒定各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的1000多家客戶與我們一路同行，見(jiàn)證我們的成長(zhǎng)；未來(lái)，我們一起分享成功的喜悅。

1、$('#areaSelect').attr("disabled",true)

2、$('#areaSelect').attr("disabled","disabled")

二、以下三種方法是移除（去除）掉input的disabled屬性的方法

1、$('#areaSelect').attr("disabled",false)

2、$('#areaSelect').removeAttr("disabled")

3、$('#areaSelect').attr("disabled","")

三、移除或者刪除所有input和select控件的disabled屬性

1、移除所有select控件的disabled屬性

$("select").each(function () {$(this).attr("disabled","");})

2、移除所有input控件的disabled屬性:

$("input").attr("disabled","");

擴(kuò)展資料

1、jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)（或JavaScript框架）。jQuery倡導(dǎo)寫(xiě)更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。

2、disabled屬性是控制這個(gè)控件是否可編輯、可用。disabled:true 就是不可用，disabled:false 就是可用。

如何用jquery添加class屬性

jQuery 屬性操作 - addClass() 方法

定義和用法

addClass() 方法向被選元素添加一個(gè)或多個(gè)類。

該方法不會(huì)移除已存在的 class 屬性，僅僅添加一個(gè)或多個(gè) class 屬性。

提示：如需添加多個(gè)類，請(qǐng)使用空格分隔類名。

語(yǔ)法

$(selector).addClass(class)

參數(shù) class ? ?

必需。規(guī)定一個(gè)或多個(gè) class 名稱。 ?

實(shí)例

//向第一個(gè)?p?元素添加一個(gè)類：

$("button").click(function(){??$("p:first").addClass("intro");});

jquery中怎么增加class屬性

思路為用addClass() 方法變可實(shí)現(xiàn)。

jquery中增加class屬性步驟:

addClass() 方法：

定義和用法

addClass() 方法向被選元素添加一個(gè)或多個(gè)類。

該方法不會(huì)移除已存在的 class 屬性，僅僅添加一個(gè)或多個(gè) class 屬性。

html

head

script?type="text/javascript"?src="/jquery/jquery.js"/script

script?type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

$('p').addClass(function(n){

return?'par_'?+?n;

});

});

});

/script

style?type="text/css"

.par_0

{

color:blue;

}

.par_1

{

color:red;

}

/style

/head

效果圖：

jquery給未來(lái)元素添加style的屬性

jQuery改變標(biāo)簽的樣式一般有3種

預(yù)置好class，然后通過(guò)jQuery改變?cè)氐腸lass名，使用的是addClass、removeClass

直接改變?cè)氐腸ss屬性值，這種是通過(guò)添加style實(shí)現(xiàn)的，使用的是css方法

修改style屬性值，通過(guò)attr方法

示例(假設(shè)以下標(biāo)簽的id都是test)：

1.假設(shè)有一class名為class1，已經(jīng)在css中寫(xiě)好樣式

$('#test').addClass('class1');

2.讓元素文字變?yōu)榧t色（css設(shè)置一個(gè)值）

$('#test').css('color','red');

3.讓元素文字變?yōu)榧t色，同時(shí)寬度為100px（css設(shè)置多個(gè)值）

$('#test').css({color:'red',width:'100px'});

4.直接修改style屬性（不常用）

$('#test').attr('style','color:red;width:100px');

jquery 怎么給標(biāo)簽添加屬性

var?anElement?=?$("#someElement");anElement.attr("anyAttribute","anyValue");//?這段代碼可以給ID為someElement的元素增加屬性anyAttribute?屬性值為anyValue//?屬性名字隨便寫(xiě)都可以?想寫(xiě)什么都行?如果屬性名字存在會(huì)修改里面的值?否則就新加屬性

jquery操作html標(biāo)簽的方法非常多，小編在這里總結(jié)一下。

首先，引入jquery，jquery下載地址在文章末尾的相關(guān)鏈接給出，這是運(yùn)用jquery的第一步，也是必不可少的一步！

代碼如下：

head

script src="jquery.js"/script

/head

當(dāng)然，你也可以不下載，直接引用。

代碼如下：

head

script src="/jquery/1.8.0/jquery.min.js"/script

/head

注意jquery的版本，及時(shí)更新。

接下來(lái)介紹jquery的第一種操作html標(biāo)簽的方法。

1.操作已經(jīng)存在的html標(biāo)簽的屬性！

這就需要用到一個(gè)非常強(qiáng)大的函數(shù)attr()

函數(shù)寫(xiě)法：

var ss=$("HTML標(biāo)簽的ID").attr("想要獲得的屬性");

這樣準(zhǔn)確ID的HTML標(biāo)簽的指定屬性的值就會(huì)賦給變量ss。

例如：var ss=$("#id").attr("value");

當(dāng)然還可以給準(zhǔn)確ID的HTML標(biāo)簽的指定屬性賦值。

函數(shù)寫(xiě)法：

$("HTML標(biāo)簽的ID").attr("想要改變的屬性","改變的值");

例如：$("#id").attr("class","aaa");

這樣可以將ID為"id"的HTML標(biāo)簽的class改為aaa.

利用這個(gè)函數(shù)更改HTML標(biāo)簽的類或ID，配合樣式表可以做出非常炫的動(dòng)態(tài)效果！

貼上樣例圖：

2.jquery向指定位置添加不存在的HTML標(biāo)簽！

這次需要的函數(shù)是append()或appendto()

有很多人搞不起這兩個(gè)函數(shù)的區(qū)別，稍后會(huì)講明。

函數(shù)寫(xiě)法：

$("HTML標(biāo)簽的ID").append("完整的HTML標(biāo)簽");

例如：$("#id").append("input type='text' value=' ' id='aa' /");

HTML標(biāo)簽的ID是為了定位添加的HTML標(biāo)簽，添加的HTML標(biāo)簽將會(huì)出現(xiàn)于指定ID標(biāo)簽的后面！注意控制排版！

貼上樣例圖：

接下來(lái)介紹appendto()的用法以及它和append()的區(qū)別！

函數(shù)寫(xiě)法：

$("完整的HTML標(biāo)簽").appendto("HTML標(biāo)簽的ID");

例如：$("input type='text' value=' ' id='aa' /").append("#id");

這樣也可以達(dá)到與append()的相同效果，至于區(qū)別，也許你已經(jīng)發(fā)現(xiàn)了，區(qū)別就是前后兩個(gè)括號(hào)的內(nèi)容反過(guò)來(lái)了，先填寫(xiě)HTML標(biāo)簽，再寫(xiě)指定元素ID。

但是即使這樣寫(xiě)，添加的HTML標(biāo)簽仍會(huì)出現(xiàn)于指定ID標(biāo)簽的后面！

這個(gè)就不貼樣例圖了。

操作HTML的函數(shù)還有很多，比如圖中提到的CSS（）。

這是操作指定屬性的。用attr()也可以做到，所以就不再介紹。

這里貼上一張jquery操作HTML的方法匯總圖。

網(wǎng)頁(yè)名稱：jquery添加屬性,jquery添加屬性值
本文鏈接：http://chinadenli.net/article39/dsgoeph.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、App設(shè)計(jì)、微信公眾號(hào)、網(wǎng)站改版、服務(wù)器托管、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)