jQuery dom元素屬性操作

2.刪除屬性---removeattr()

3.獲取屬性值

二、dom元素的屬性設定、獲取、刪除----prop

2.刪除屬性---removeprop()

3.獲取屬性值

四、removeattr()和removeprop()的區別

五、attr和prop的相互轉化使用

引數說明引數

說明name

屬性名稱

properties

作為屬性的「名/值對」物件

key屬性名稱

value

屬性值function(index, attr)

返回屬性值的函式,第乙個引數為當前元素的索引值，第二個引數為原先的屬性值。

方法

概述attr(name pro key,val fn)

設定或返回被選元素的屬性值。

removeattr(name)

從每乙個匹配的元素中刪除乙個屬性

prop(name properties key,value fn)

獲取在匹配的元素集中的第乙個元素的屬性值。

removeprop(name)

用來刪除由.prop()方法設定的屬性集

"btn">按鈕

"btn">按鈕
"btn">按鈕
"all">全選
"fall">反選
"checkbox" class="ck"/>籃球
"checkbox" class="ck"/>足球
"checkbox" class="ck"/>羽毛球
"checkbox" class="ck"/>桌球

(1)設定屬性

//方法1

$(".btn"
).attr
('title','標題');
//方法2
$(".btn").attr('title',function(index)
)

(2)設定自定義屬性

$(

".btn"
).attr
('data-title','標題'
);

$(

".btn"
).attr
('title','標題');
$(".btn"
).removeattr
('title'
);

$(

".btn"
).attr
('title','標題');
console.log
($(".btn"
).attr
('title'))
;

(1)設定屬性

//方法1

$(".btn"
).prop
('title','標題');
//方法2
$(".btn").prop('title',function(index)
)

(2)設定自定義屬性

prop()可以設定自定義屬性，但是屬性不顯示

$(

'.btn'
).prop
('data-index',0)
;   console.log
($('.btn'
).prop
('data-index'))
;

$(

".btn"
).prop
('title','標題');
$(".btn"
).removeprop
('title'
);

console.log

($(".btn"
).prop
('title'))
;

$(

'.btn'
).prop
('title','標題');
$('.btn'
).attr
('name','名字');
$('.btn'
).removeattr
('name');
$('.btn'
).removeprop
('title'
);

$(

'.btn'
).attr
('title','name');
console.log
($('.btn'
).prop
('title'))
;   $(
'.btn'
).removeprop
('title'
);

$(

'.ck'
).attr
('checked',true)
;   $('.all').click(function());
$('.fall').click(function()
else})
;});

jQuery DOM操作之屬性操作

在jquery中用，用attr 方法來獲取和設定元素屬性，用removeattr 方法來刪除元素屬性。已知標籤中有如下 我喜歡畫畫 1 獲取屬性如果要獲取元素的屬性 title 需要向attr 方法傳遞乙個引數，即屬性名稱。jquery 如下 執行 彈出框內容就是標籤的title屬性中的內容 但是為...

jQuery DOM元素 和 表單值操作

元素內部 prepend 最前面 元素外部.before 前面 after 後面 當我們使用以上方法，引數是乙個jquery物件時，元素會做相應移動。以上方法的引數，可以是jquery物件，可以是html片段，還可以是陣列，字串等等。上面的方法，都是往什麼裡面新增元素 其實還有另一種邏輯，就是把元素...

jQuery DOM 元素方法

toarray 將 li 元素轉換為陣列，然後輸出該陣列元素的 innerhtml button click function selector size index 獲得第乙個 p 元素的名稱和值 li click function selector index 獲得元素相對於選擇器的 index...