选择器作用就是找到元素对象，找到后进行具体的操作就是DOM操作。

1 DOM内容操作内容操作的三个方法：

1）html()：获取/设置元素的标签体内容，如内容，获取a标签中的内容就是内容；2）text()：获取/设置元素的标签体纯文本内容，如上，获取a标签中的“内容”两个字；3）val()：获取/设置元素的value属性值。【案例练习】：应用以上方法获取或设置内容

代码语言：javascript复制

2 DOM属性操作2.1 通用属性操作1）attr()：获取/设置元素的属性值2）removeAttr()：删除属性3）prop()：获取/设置元素的属性值4）removeProp()：删除属性【注意】：prop和attr的区别，如果操作的是元素的固有属性（非自定义的），建议使用prop；若是自定义属性，建议用attr。

【案例练习】：应用以上方法获取或设置属性

代码语言：javascript复制

• 北京
• 天津

2.2 对class属性操作1）addClass()：添加class属性值；2）removeClass()：删除class属性值；3）toggleClass()：切换class属性，如toggleClass("one")，若元素对象上存在class="one"，则将属性值one删除，否则添加；【案例练习】：应用以上方法获取或设置属性

代码语言：javascript复制

你好

world

span

3 CRUD操作1）append()：父元素将子元素追加到末尾，如A.append(B)，将对象B添加到A的内部，且在末尾；2）prepend()：父元素将子元素追加到开头，如A.append(B)，将对象B添加到A的内部，且在开头；3）appendTo()：如A.append(B)，将对象A添加到B的内部，且在末尾；4）prependTo()：如A.append(B)，将对象A添加到B的内部，且在开头；5）after()：添加元素到元素后边，如A.after(B)，将对象B添加到A的后面，对象A和B是平级的；6）before()：添加元素到元素前边，如A.before(B)，将对象B添加到A的前面，对象A和B是平级的；7）insertAfter()：如A.insertAfter(B)，将对象B添加到A的后面，对象A和B是平级的；8）insertBefore()：如A.insertBefore(B)，将对象B添加到A的前面，对象A和B是平级的；9）remove()：移除元素，如对象A.remove()，将对象删除掉；10）empty()：清空元素的所有后代元素，如对象A.empty()，将对象的后代元素全部清空，保留当前对象以及其属性节点。【案例练习】：应用以上方法练习

代码语言：javascript复制

• 北京
• 天津
• 重庆

• 反恐
• 星际

———————————————————————————————————————

本文为博主原创文章，转载请注明出处！