Jquery操作Dom節點屬性和單選框多選框表單元素
attr()
和
removeAttr()
方法用於操作DOM節點的屬性:
//
。。。
var div = $(‘#test-div’);div。attr(‘data’); // undefined, 屬性不存在div。attr(‘name’); // ‘Test’div。attr(‘name’, ‘Hello’); // div的name屬性變為‘Hello’div。removeAttr(‘name’); // 刪除name屬性div。attr(‘name’); // undefinedprop()
方法和
attr()
類似,但是HTML5規定有一種屬性在DOM節點中可以沒有值,只有出現與不出現兩種,例如:
等價於:
attr()
和
prop()
對於屬性
checked
處理有所不同:
var radio = $(‘#test-radio’);radio。attr(‘checked’); // ‘checked’radio。prop(‘checked’); // true
prop()
返回值更合理一些。不過,用
is()
方法判斷更好:
var radio = $(‘#test-radio’);radio。is(‘:checked’); // true
類似的屬性還有
selected
,處理時最好用
is(‘:selected’)
。
操作表單
對於表單元素,jQuery物件統一提供
val()
方法獲取和設定對應的
value
屬性:
<!—— html ——>可見,一個
val()
就統一了各種輸入框的取值和賦值的問題。但是radio有所不同,需要單獨使用prop()單獨設定。當然也可以使用attr()方法,使用prop()更好一些。