append(),appendTo():追加子(标签)元素。 $(a).append($(b)) 等同于 $(b).appendTo($(a))
prepend(),prependTo():前加子(标签)元素
after(),insertAfter():后加兄弟(标签)元素
before(),insertBefore():前加兄弟(标签)元素
empty():清空所有子(标签)元素。
$('#divContainer').remove(); //删除该jquery对象。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="scripts/jquery-1.7.1.min.js"></script>
<script>
$(function() {
$('#btnAppend').click(function () {
//动态创建jquery对象
var zhh = $('<b>Zhh</b>');
//追加
$('#divContainer').append(zhh);//在后面追加子标签(元素)
});
$('#btnAppendTo').click(function () {
//追加到
$('<b>拍电影</b>').appendTo($('#divContainer'));
});
$('#btnEmpty').click(function () {
//清空所有子元素
$('#divContainer').empty(); //清空所有子标签(元素)
});
$('#btnRemove').click(function() {
//$('#divContainer').remove(); //删除该jquery对象。
$('<span style="color:red">sadkfjlsad</span>').insertBefore('#divContainer');//在前面添加兄弟元素
});
});
</script>
</head>
<body>
<input type="button" id="btnAppend" value="Append"/>
<input type="button" id="btnAppendTo" value="AppendTo"/>
<input type="button" id="btnEmpty" value="Empty"/>
<input type="button" id="btnRemove" value="Remove"/>
<div id="divContainer">asdfsdaf</div>
</body>
</html>