html/css/js-如何利用jq來更改屬性的值和獲取屬性的值
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,
html/css/js-如何利用jq來更改屬性的值和獲取屬性的值