Jquery节点操作的几点知识

下面我们分步进行介绍，包括节点的创建、节点的添加与删除、节点的替换等，大家可以慢慢学习与体会。

1、动态创建Dom节点
jquery中使用$(html字符串)来动态创建Dom节点，并且返回一个jQuery对象，可以调用append等方法将创建的节点添加到Dom中。
例如：

var link = $("<a href='http://www.jbxue.com'>脚本学堂</a>"); $("div:first").append(link);

2、添加节点元素的方法：
Append方法用来在元素的末尾追加元素（最后一个子节点）
Prepend在元素的开始添加元素（第一个子节点）
After:在元素之后添加元素（添加兄弟节点）
Before：在元素之前添加元素（添加兄弟节点）
子元素.appendTo(父元素)：在元素的末尾追加一个子元素
子元素.prependTo(父元素):在元素的开始追加一个子元素
A.insertBefore(B) 将A插入到B的前面，等同于B.before(A);
X.insertAfter(B) 将X插入到Y的后面，等同于Y.after(X);

3、删除节点：
Empty():清空该元素下的所有子节点
等同于：while(ele.firstChild){ele.removeChild(ele.firstChild);}
Remove(selectot);自杀；删除当前元素，返回值为被删除的元素，可以讲节点删除之后放到其他节点下面，有一个移动的效果，例如：

var lis = $("#ulSite li").remove(); $("#ulSite2").append(lis);

Clone()克隆节点，支复制节点，不复制节点
Clone(true):克隆节点带事件

4、节点的替换：

$("br").replaceWith("<hr/>"); $("br").replaceAll("<hr/>");

5、包裹节点
Wrap()方法用来将所有的元素逐个用指定的标签包裹

$("b").wrap("<font color='red'></font>");将所有粗体字红色显示

wrapInner();在内部围绕

以上就是本节Jquery 教程的全部内容了，介绍了jquery对节点操作的一些方法，希望对大家有所帮助。

您可能感兴趣的文章：
Jquery节点操作的几点知识
解密jQuery内核 DOM操作的核心函数domManip
JS 树形控件 MzTreeView
PHP 实现常用数据结构之链表
jQuery学习笔记之jQuery的DOM操作
学习使用javascript获取父节点的方法
jQuery中对节点进行操作的相关介绍
winform里的treeview能够跟数据绑定吗？我不知道。里面有treeview的用法。是转来的
数据结构和算法(Golang实现)(29)查找算法-2-3树和左倾红黑树
jQuery的Tree控件 jstree