jquery array 对象 增加对象 jquery对象添加元素

一、创建元素
语法：

$("<li></li>"); // 动态创建了一个li标签

二、添加元素
1.内部添加语法：

// 把内容放入到元素的最后面
element.append("内容");
// 把内容放入到元素的最前面
element.prepend("内容");

简单代码示例：

$(function(){
// 向ul中动态添加了一个li标签 且放到元素的最后面
$("ul").append($("<li>5</li>"));
// 又向ul中动态添加了一个li标签 且放到元素的最前面
$("ul").prepend($("<li>6</li>"));
})

2.外部添加语法：

// 把内容放到元素最后面
element.after("内容");
// 把内容放到元素最前面
element.before("内容");

简单代码示例：

<div class="car">我是原来的div</div>
<script>
$(function(){
// 先创建div元素
var box = $("<div>我是新添加的div</div>");
// 外部添加元素 且添加到元素的最后面
$(".car").after(box);
})
// 外部添加元素 且添加到元素的最前面
$(".car").before(box);
})
</script>

注意：
内部添加元素，生成之后它们是父子关系；
外部添加元素，生成之后它们是兄弟关系。

三、删除元素
语法：

// 删除匹配元素本身 自杀
element.remove(); 
// 删除匹配元素中所有的子节点 也就是删除孩子
element.empty();
// 清空匹配的元素内容 也是删除孩子
element.html("");

简单代码示例：

<script>
$(function(){
// 将自身删除
	$(".car").remove();
// 删除了ul里的li 但ul还是存在的
	$("ul").empty();
// 删除匹配元素里的所有内容，和empty是等价的，都是把子节点删掉了
	$("ul").html("");
})
</script>