jquery獲取元素屬性的值「jq獲取自定義屬性的方法」

不管怎麼樣被嫌棄，jQuery對新手都是友好的

1.1 arr操作

設置單個屬性

// 第一個參數：需要設置的屬性名
// 第二個參數：對應的屬性值
// $obj.attr(name, value);
// 用法舉例、
$('img').attr('alt','不錯哦');

獲取屬性

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

移除屬性

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

2.prop操作

在jQuery1.6之後支持，對於checked、selected、disabled這類boolean類型的屬性來說，不能用attr方法，只能用prop方法。

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

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

$obj.val() 獲取或者設置表單元素的value屬性的值
$obj.html() 對應innerHTML
$obj.text() 對應innerText
以上三個方法：不傳參數 表示獲取值； 傳遞一個參數值，表示設置

4.class操作

添加樣式類

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

移除樣式類

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

判斷是否有某個樣式類

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

切換樣式類

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

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

1.設置操作的時候（綁定事件），如果是多個元素，那麼給所有的元素設置相同的值。

2.獲取操作的時候，如果是多個元素，那麼只會返回第一個元素的值。

3.如果想要獲取多個值，需要手動進行遍歷操作

有想要學習前端或者轉行前端的朋友可以私信小編「學習」，前端開發全套教學資料，大神帶你學前端