jquery的DOM操作

1.内容操作

a. html()：获取/设置元素的标签体内容   <a><font>内容</font></a>    -->  <font>内容</font>b. text()：获取/设置元素的标签体纯文本内容    <a><font>内容</font></a>    -->   内容c. val()：获取/设置元素的value值

2.属性操作

    1.通用属性操作      a. attr()：获取/设置元素的属性      b. removeAttr()：删除属性      c. prop()：获取/设置元素的属性      d. removeProp()：删除属性      * attr和prop区别？        1.假如操作的是元素的固有属性，则建议使用prop        2.假如操作的是元素自己设置的属性，则建议使用attr    2.对class属性操作        1.addClass()：增加class属性值        2.removeClass()：删除class属性值        3.toggleClass()：切换class属性           * toggleClass("one")：判断假如元素对象上存在class="one"，则将属性值one删除掉。假如元素对象上不存在class="one"，则增加

3.CRUD操作

1. append()：父元素将子元素追加到末尾  * 对象1.append(对象2)：将对象2增加到对象1元素内部，并且在末尾2.prepend()：父元素将子元素追加到开头  * 对象1.prepend(对象2)：将对象2增加到对象1元素内部，并且在开头3.appendTo()：  * 对象1.appendTo(对象2)：将对象1增加到对象2内部，并且在末尾4.prependTo():  * 对象1.prependTo(对象2)：将对象1增加到对象2内部，并且在开头5.after()：增加元素到元素后边  * 对象1.after(对象2)：将对象2增加到对象1后边。对象1和对象2是兄弟关系6.before()：增加元素到元素前边  * 对象1.before(对象2)：将对象2增加到对象1前边。对象1和对象2是兄弟关系7.insertAfter()：  * 对象1.insertAfter(对象2)：将对象1增加到对象2后边。对象1和对象2是兄弟关系8.insertBefore()：  * 对象1.insertBefore(对象2)：将对象1增加到对象2前边。对象1和对象2是兄弟关系9.remove()：移除元素  * 对象.remove()：将对象删除掉10.empty()：清空元素的所有后代元素  * 对象.empty()：将对象的后代元素一律清空，但是保留当前对象以及其属性节点

如有错误或者建议欢迎大家指出与评论哈，希望这篇博文能帮助到大家，大家也可以分享给需要的人。

如需转载，请注明出处。https://www.songma.com/p/b437b8c79a56