6. 文档操作

6.1 增加元素

append():再后添加元素

<script>
var ul1=$("#ul1"); //根据id获得元素
ul1.append("<span>append()添加的</span>");
</script>

appendTo():向元素指定位置添加元素

<script>
var ul1=$("#ul1"); //根据id获得元素
	//ul1.append("<span>append()添加的</span>");
	$("<span>appendTo()添加的</span>").appendTo("#ul1");
</script>

perpend():在前添加元素

var ul1=$("#ul1"); //根据id获得元素
ul1.perpend("<span>perpend()添加的</span>");

perpendTo():向元素指定位置前添加元素

var ul1=$("#ul1"); //根据id获得元素
ul1.perpendTO("<span>perpendTO()添加的</span>");

before():指定元素前添加元素

var ul1=$("#ul1"); //根据id获得元素
ul1.children("li[title=hello]").before("<span>appendTo()添加的</span>");

after():指定元素后添加元素

var ul1=$("#ul1"); //根据id获得元素
ul1.children("li[title=hello]").after("<span>appendTo()添加的</span>");

6.2 替换元素

replaceWith(元素标签):替换元素

$("#ul2>li[title=hello]").replaceWith("<input type=text value='我是你爹'>");

replaceAll(选择器):替换全部元素

6.3 删除元素

.remove() 和empty():删除元素 除以下面的所有元素

$("#ul2").empty(); // 只删除子元素
$("#ul2").remove();// 连带标签一起删除