jquery的使用在web開發中是非常廣泛的,雖然說比較容易,易學,但在開發過程中,也總是會碰到各種各樣的小問題。
我曾經就遇到這種問題,jq如何擷取屬性值和更改屬性值的。
衆所周知,attr()可以更改屬性值和擷取屬性值。
例如
alert($("#one").attr("name")); 這樣可以獲得id為one的控件的name屬性的值,但是
alert($("#one").attr("width")); 提示框為undefined
出現上述現象的原因,是因為attr并不能擷取所有的屬性,雖然w3cschool上并沒有講,但我們學習上卻碰到了這個問題。當然 attr() 無法擷取某些屬性值,但 css()卻可以擷取
如上改為
alert($("#one").css("width")); 可以正确輸出width的值
接下來,我來整理一下jq擷取屬性值的方法
方法一:attr() (适用屬性多為标簽屬性)
1.擷取屬性值: $(selector).attr("屬性名");
2.更改屬性值: $(selector).attr("屬性名","屬性值");
3适用屬性: id
name
title
href
方法二: css() (多為樣式屬性)
1.擷取屬性值: $(selector).css("屬性名");
2.更改屬性值: $(selector).css("屬性名","屬性值");
3适用屬性 : width,heigth,font-size,box-shadow,