[Jq] jqury操作元素节点的方法（创建、选择、插入节点）

创建节点

注意：Jquery创建元素节点、属性节点、文本节点都使用$(html)

1.创建元素节点：		 $("<li></li>");
2.创建属性节点：		 $("<li id='test'></li>");
3.创建文本节点：		 $("hello world !");
4.下面是创建三者的结合： $("<li id='test'>hello world !</li>");

解释：4是创建一个id属性为test，文本节点为hello world !的li节点

插入节点

内部插入（当做子节点插入）：
append(content|fn) 向每个匹配的元素内部末尾追加内容。
appendTo(content) 把所有匹配的元素追加到另一个指定的元素元素集合末尾。
prepend(content|fn) 向每个匹配的元素内部头部内容。
prependTo(content) 把所有匹配的元素追加到另一个指定的元素元素集合头部
外部插入（当做兄弟节点插入）：
after(content|fn) 向每个匹配元素的后面添加内容
before(content|fn) 向每个匹配元素的前面添加内容
insertAfter(content) 把所有匹配的元素插入到另一个、指定的元素元素集合的后
面。
insertBefore(content) 把所有匹配的元素插入到另一个、指定的元素元素集合的
前面。

附加

Jquery中 var li_1 = $("<li></li>") 和 var li_1 = "<li></li>" 有什么区别？

插入一个li：

var $li_1=$("<li></li>");//创建第一个<li>元素
$("ul").append($li_1);

为什么不可以写成：

var $li_1="<li></li>";

答：
两种都可以添加节点，第一种方式使用 $ 直接转成 jquery对象，方便后续操作，比如添加完节点之后需要添加内容吧，可以：

var $li_1=$("<li></li>");//创建第一个<li>元素
$li_1.text("22222");

但直接使用

var $li_1 = "<li></li>" ;

$li_1只是一个字符串变量，不能进行啥操作。