jQuery之常用DOM操作

Posted 2021-03-17 zxcv123

DOM操作分主要为三种,DOM Core,html-DOM和CSS-DOM

查找节点

查找元素节点

主要通过jQuery的选择器来查找元素节点

查找属性节点

在查找到元素节点之后可以使用attr()来查找或设置对应节点的属性

创建(子)节点

使用$(html标签代码字符串)创建一个节点,然后再使用下面的方法来插入节点;同时下面的方法也可以移动原有的元素节点

• append()向每个匹配的元素内部追加内容
• appendTo()把所有匹配的元素追加到指定的元素中
• prepend()向每个匹配的元素内部前置内容
• prependTo()把所有匹配的元素前置到指定的元素中
• after()在每个匹配的元素之后插入内容
• insertAfter()把所有匹配的元素插入到指定元素的后面
• before()在每个匹配的元素之前插入内容
• insertBefore()把所有匹配的元素插入到指定的元素的前面

删除节点

• remove()从DOM中删除所有匹配的元素
• detach()从DOM中剪切所有匹配的元素,事件和附加数据保留
• empty()从DOM中清除所有匹配的元素的后代元素节点

复制节点

• clone()复制所匹配的元素

替换节点

• replaceWith()将所有匹配的元素用特定内容替换
• replaceAll()作用相同,颠倒了主宾关系