属性和属性节点

属性

• 属性：属性指的是对象身上保存的变量
• 添加属性使用对象名称.属性名称 = 属性值。获取属性使用对象名称.属性名称
• 也可以使用**对象[“属性名称”]**来新增对象属性以及获取属性的值

属性节点

• 属性节点指的是在html中为元素标签添加的属性就是属性节点
• 在网页源代码中attributes中所有的内容均为元素的属性节点
• 使用setAttribute()来进行属性节点的新增。有两个参数，第一个参数为要添加的属性名称，第二个参数为添加的属性值，两个参数均为字符串类型
• 使用getAttribute()来获取属性节点的值。只有一个参数，为要获取的属性名称

jQuery的attr方法

• 使用attr方法需要指定确定的元素，例如页面中所有的span标签，使用$(“span”).attr()
• attr()方法可以传递两个参数，也可以传递一个参数。传递两个参数时，代表添加属性节点，第一个参数为属性节点名称，第二个参数为属性节点的值
• 传递一个参数时，代表获取属性节点的内容，只需要传递要获取的属性节点名称
• 在获取属性节点时，当有多个标签有相同的属性节点，默认只会找到第一个元素

$("span").attr("class")
$("span").attr("ref", "span")

removeAttr方法

• removeAttr方法是用于删除属性节点的方法，他只有一个参数，就是要删除的属性节点名称
• 当要同时删除多个属性节点时，使用空格隔开

$("span").removeAttr("class")
$("span").removeAttr("name id")

prop方法与removeProp方法

• 与attr方法，removeAttr方法的使用方法一致，都可以添加获取与删除。不同的是prop方法与removeProp方法是对属性进行操作的
• prop方法既可以操作属性，也可以操作属性节点
• 在操作具有true与false的属性节点，例如selected、checked等时使用prop

$("span").eq(1).prop("user", "admin")
$("span").eq(1).removeProp("user")