js 获取html css属性的值,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，