jQuery中的Dom操作

jQuery中的Dom操作

1.查找节点

通过jQuery选择器来完成

2.创建节点

		创建元素节点：var newTd = $("<td></td>")
		创建文本节点：var newTd = $("<td>文本内容</td>")

3.添加节点

jquery添加节点的方法
appendChild 添加子元素
insertBefore 在元素之前插入子元素
after： 用法；兄弟元素1.after(兄弟元素2) 把元素2作为兄弟插入到元素1的后面
before：用法；兄弟元素1.before(兄弟元素2) 把元素2作为兄弟插入到元素1的前面
appendTo：子元素.appendTo(父元素) 被子元素作为最后一个添加到父元素中
代码演示:

 $A.append(B)
       将B追加到A的末尾处，作为它的最后一个子元素
  2) $A.appendTo(B)
       将A追加到B的末尾，作为它的最后一个子元素
  3) prepend() 
       $A.prependTo(B)
            将A追加到B的前面，作为它的第一个子元素
       $A.after(B)
            在A之后追加B，作为它的兄弟元素
       $A.insertAfter(B)
            在B之后追加A，作为它的兄弟元素
       $A.before(B)
            在A之前追加B，作为它的兄弟元素
       $A.insertBefore(B)
             在B之前追加A，作为它的兄弟元素

4.删除节点

1.$('选择器').html('');  这个方法是可以达到效果  但是我们不会用 因为他会导致内存泄漏
2.清空元素 empty()
3..删除指定的元素$('选择器').remove();  //自杀的

 remove([selector])
       从DOM中删除所有匹配的元素，返回值是一个指向已经被删除的节点的引用，可以在以后再使用这些元素。
       该方法会移除元素，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。
   detach([selector])
       与remove()类似，但是detach()保存所有jQuery数据和被移走的元素的相关联事件。
   empty()
       无参数。从DOM中清空集合中匹配元素的所有的子节点。

5.克隆节点

原生的js里面使用cloneNode来克隆节点
参数只有true 和false
参数如果是true 表示深克隆 就说会克隆当前节点以及它所有的后代节点
如果是false 那么就表示是浅克隆 就只会克隆当前的节点
jQuery中的clone()
clone的元素只存在于内存 如果想要加载到页面 那么就需要追加到页面上去
无论参数true还是false，克隆的时候 都会克隆后代的元素
如果参数是true 那么就会连事件也会一起克隆过来
如果参数是false 那么就不会克隆事件
如果不传参数 那么默认是false