属性和属性节点
-
什么是属性?
属性就是对象身上的变量
只要对象身上都可以添加属性(无论是自定义对象,还是DOM对象)
image.png
-
什么是属性节点?
// 这里的class和nj就是属性节点
在html中编写的所有标签，里面的属性都是属性节点
image.png
-
如果操作属性?
对象.属性名称对象["属性名称"]
对象.属性名称 = 值;对象["属性名称"] = 值;
添加或修改属性(没有就会添加,有就会修改)
获取属性
-
如何操作属性节点?
DOM对象.setAttribute("属性节点名称", "值");
DOM对象.getAttribute("属性节点名称")
获取属性节点
设置属性节点
jQuery中的attr和prop方法
-
用于设置或获取属性节点的值
-
用于删除指定属性节点
-
用于设置或者获取元素的属性值
-
attr方法和prop方法区别
既然所有的DOM对象，都有一个attributes属性,而prop可以操作属性,所以也可以操作属性节点
官方推荐在操作属性节点时,具有 true 和 false 两个属性的属性节点，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()
因为如果具有 true 和 false 两个属性的属性节点,如果没有编写默认attr返回undefined,而prop返回false
jQuery增删Class
jQuery CSS类相关方法都是用于操作DOM对象的class属性节点的值
-
给元素添加一个或多个类
html>08-jQueryCSS类
-
删除元素的一个或多个类
-
添加或删除一个类(存在就删除不存在就添加)
jQuery代码/文本/值
-
添加或获取元素中的HTML
html>09-jQuery代码文本值
-
添加或获取元素中的文本
text方法能做的html方法都能做,所以一般使用html方法即可
-
添加或获取元素value属性的值
作者：极客江南
链接：https://www.jianshu.com/p/598111c5610e
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/2332/viewspace-2813769/ ，如需转载，请注明出处，否则将追究法律责任。
