删除节点

来源:互联网 发布:淘宝直通车溢价比例 编辑:程序博客网 时间:2024/05/16 15:08

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<title></title>

<styletype="text/css">

</style>

<scriptsrc="js/jquery-2.1.3.min.js"type="text/javascript" charset="utf-8"></script>

<scripttype="text/javascript">

$(document).ready(function(){

$("#btn").click(function(){

$("ul").after("<div>after的div</div>");

$("<div>after的div</div>").insertAfter("ul");

$("ul").before("<div>before的div</div>");

// 删除dom节点 删除节点及其子元素

$("li:first").remove();

// 删除DOM节点 删除子元素不删除自己 empty

$("li:last").empty();

})

})

</script>

</head>

<body>

<inputtype="button" name="btn" id="btn"value="after/before" />

<ul>

<li>111</li>

<li>222</li>

</ul>

</body>

</html>

0 0