Jquery操作Dom節點屬性和表單元素

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’); // undefined

prop()

方法和

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()更好一些。