1. 程式人生 > >html/css/js-如何利用jq來更改屬性的值和獲取屬性的值

html/css/js-如何利用jq來更改屬性的值和獲取屬性的值

lec tor 遇到 efi sha 小問題 width href name屬性

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來更改屬性的值和獲取屬性的值