1.1 arr操作
設(shè)置單個(gè)屬性
// 第一個(gè)參數(shù):需要設(shè)置的屬性名 // 第二個(gè)參數(shù):對(duì)應(yīng)的屬性值 // $obj.attr(name, value); // 用法舉例、 $('img').attr('alt','不錯(cuò)哦');
獲取屬性
// 傳需要獲取的屬性名稱(chēng),返回對(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這類(lèi)boolean類(lèi)型的屬性來(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操作
添加樣式類(lèi)
// name:需要添加的樣式類(lèi)名,注意參數(shù)不要帶點(diǎn). // $obj.addClass(name); // 例子,給所有的div添加one的樣式。 $('div').addClass('one');
移除樣式類(lèi)
// name:需要移除的樣式類(lèi)名 // $obj.removeClass('name'); // 例子,移除div中one的樣式類(lèi)名 $('div').removeClass('one');
判斷是否有某個(gè)樣式類(lèi)
// name:用于判斷的樣式類(lèi)名,返回值為true false // $obj.hasClass(name) // 例子,判斷第一個(gè)div是否有one的樣式類(lèi) $('div').hasClass('one');
切換樣式類(lèi)
// name:需要切換的樣式類(lèi)名,如果有,移除該樣式,如果沒(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)行遍歷操作
總結(jié)
以上所述是小編給大家介紹的jQuery操作attr、prop、val()/text()/html()、class屬性,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com