天天看點

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,