html/css/js-如何利用jq来更改属性的值和获取属性的值

Posted 2021-01-06 做路握vgf

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，