jQuery之常用DOM操作(一)

DOM操作分主要为三种,DOM Core,HTML-DOMCSS-DOM

查找节点

查找元素节点

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

查找属性节点

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

创建(子)节点

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

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

删除节点

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

复制节点

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

替换节点

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

相关推荐