jQuery中對屬性的增刪改查

獲取元素的屬性 

$('input').attr('type')

 

.attr()  可以獲取和設置自定義屬性

.prop()  只能獲取和設置固有屬性

在設置屬性值時 建議不要修改type屬性,有的瀏覽器不支持

只能訪問固有屬性 自己創造的屬性不能訪問
$('input').prop('type');

 

設置屬性的值
$('input').prop('class','apple')//固有

$('input').attr('class','apple')//自定義and固有

通過函數的返回值修改屬性

 

 

 

批量添加屬性  json

 

刪除屬性

 刪除屬性type屬性不允許刪除

移除屬性 removeAttr() removeProp()
由attr和prop設置的屬性可以被移除 其他屬性不移除

刪除class屬性

removeAttr('class');
removeprop('class');

//.removeClass()移除指定屬性值

$('div').removeClass('apple')

 

 

//判斷屬性值是否存在 如果不存在就增加,如果存在就刪除
$('div').toggleClass('apple');

 

 

.attr()的方法多次設置class屬性會被最后一次的設置覆蓋
用.addClass()是給屬性追加信息 設置的信息都會追加上
設置class屬性 會將原有的屬性值覆蓋
addClass()給class屬性追加信息 如果沒有class屬性就先添加屬性再追加屬性值

 

 

css的屬性獲取和操作

 

(1)獲取css屬性: $().css(屬性名);
行內 內部 外部樣式都可以獲取

console.log($('div').css('width'));
console.log($('div').css('font-size'));
console.log($('div').css('color'));

復合樣式的獲取

並不是所有的瀏覽器都支持復合樣式的獲取
 盡量拆分獲取
console.log($('div').css('borderStyle'));

 

設置css屬性$().css(屬性名, 屬性值)

設置的是行內樣式 優先級比較高

$('div').css('background', 'lightpink');

批量獲取