您的位置：首页 > Web前端 > JQuery

JQuery 添加元素(jquery对象)，删除元素( .remove())

2017-12-17 14:36 579 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery

相关文章推荐

新的分享

章节导航