- 什么是属性
对象身上保存的变量。 - 如何操作属性
对象.属性名 - 什么是属性节点
在编写 HTML代码时。在HTML标签中添加的属性就是属性节点。只有DOM元素才有元素节点,保存在Attributes - 如何操作属性节点
设置:DOM.setAttribute(‘属性名称’,‘值’)
获取:getAttribute(‘属性名称’) - 属性和属性节点有什么区别?
任何对象都有属性。但是只有DOM对象才有属性节点。
JQuery中的attr方法
- attr(name| pro| key, val| fn);
作用:获取或设置属性节点的值。
可以传递一个或两个值。
①当传入1个值的时候,代表获取属性节点的值。获取的时候,无论找到多少个元素,都只会返回第一个元素的指定属性的值。
②当传入2个值的时候,代表设置属性节点的值。设置的话,找到多少个就设置多少个值。当设置的属性不存在的时候,系统会自动给所有目标对象增加属性,且赋值。 - removeAttr
- prop();获取或设置目标属性值;不仅能操作属性,还能操作属性的值。官方推荐,在操作属性节点时,会返回true或false,如checked、selected、disabled等使用prop()获取比较简便。
特点和attr一致 - removeProp:特点和removeAttr方法一致
- addClass();给元素添加类,添加多个空格隔开写就可以。
- removeClass(); 删除类,删除多个空格隔开。
- toggleClass();切换类,有就删除没有就添加(在原生JS中这个方法实现需要用到if else判断语句,在这里一句方法就可以囊括,比较简洁)。
- html();与原生JS中innerHTML方法一致
- text();设置文本内容。传参空即获取,有传参即设置。与html()方法不同的地方,增加代码并不会执行,text知识文本。而html可以增加元素。
- val();与原生JS中的value()方法一致。