這篇文章主要介紹了jQuery如何操作attr、prop、val()/text()/html()、class屬性，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司長(zhǎng)期為1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為于洪企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作，于洪網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

1.1 arr操作

  設(shè)置單個(gè)屬性

// 第一個(gè)參數(shù)：需要設(shè)置的屬性名
// 第二個(gè)參數(shù)：對(duì)應(yīng)的屬性值
// $obj.attr(name, value);
// 用法舉例、
$('img').attr('alt','不錯(cuò)哦');

  獲取屬性

// 傳需要獲取的屬性名稱，返回對(duì)應(yīng)的屬性值
// $obj.attr(name)
// 用法舉例
var oTitle = $('img').attr('title');
alert(oTitle);

  移除屬性

// 參數(shù)：需要移除的屬性名，
// $obj.removeAttr(name);
// 用法舉例
$('img').removeAttr('title');

2.prop操作

    在jQuery1.6之后支持，對(duì)于checked、selected、disabled這類boolean類型的屬性來(lái)說(shuō)，不能用attr方法，只能用prop方法。

// 設(shè)置屬性
$(':checked').prop('checked',true);
// 獲取屬性
$(':checked').prop('checked');// 返回true或者false

3.val()/text()/html()值操作

$obj.val()    獲取或者設(shè)置表單元素的value屬性的值
$obj.html()   對(duì)應(yīng)innerHTML
$obj.text()    對(duì)應(yīng)innerText

以上三個(gè)方法：不傳參數(shù) 表示獲取值； 傳遞一個(gè)參數(shù)值，表示設(shè)置

4.class操作

    添加樣式類

// name：需要添加的樣式類名，注意參數(shù)不要帶點(diǎn).
// $obj.addClass(name);
// 例子,給所有的div添加one的樣式。
$('div').addClass('one');

    移除樣式類

// name:需要移除的樣式類名
// $obj.removeClass('name');
// 例子，移除div中one的樣式類名
$('div').removeClass('one');

    判斷是否有某個(gè)樣式類

// name:用于判斷的樣式類名，返回值為true false
// $obj.hasClass(name)
// 例子，判斷第一個(gè)div是否有one的樣式類
$('div').hasClass('one');

    切換樣式類

// name:需要切換的樣式類名，如果有，移除該樣式，如果沒(méi)有，添加該樣式。
// $obj.toggleClass(name);
// 例子
$('div').toggleClass('one');

5.隱式迭代(批量操作自動(dòng)遍歷)

    1.設(shè)置操作的時(shí)候（綁定事件），如果是多個(gè)元素，那么給所有的元素設(shè)置相同的值。

    2.獲取操作的時(shí)候，如果是多個(gè)元素，那么只會(huì)返回第一個(gè)元素的值。

    3.如果想要獲取多個(gè)值，需要手動(dòng)進(jìn)行遍歷操作 

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“jQuery如何操作attr、prop、val()/text()/html()、class屬性”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!