jquery元素插入、删除、清空

时间:2022-12-27 18:56:27

1)jquery元素插入

<!--位置1-->
<div id='test'>
<!--位置2-->
<div>测试</div>
<!--位置3-->
</div>
<!--位置4-->

位置1)表示元素前:$("#test").before(……);

位置2)表示元素内前:$("#test").prepend(……);

位置3)表示元素内后:$("#test").append(……);

位置4)表示元素后:$("#test"). after(……);

2)jquery元素删除(包括自身与所有文本和子节点)

$("#test").remove();

3)jquery元素清空(包括所有文本和子节点),不会删除元素属性

$("#test").empty();

4)找子元素

$(".css").children("div") //第一层子元素的div元素集合

$(".css").find("div") //遍历所有子元素,返回div元素集合,等阶于$("#test div")

5)找父元素

$(".css").parent("div") //第一层父元素的div元素集合

$(".css").parents("div") //遍历所有父元素,直到根元素,返回所有div元素集合

$(".css").closest("div") //遍历所有父元素,直到找到div元素即停止,返回该div元素

6)找同级元素(过滤)

$(".css").filter("[name='add']") //找到所有对象为.css且name='add'的元素集合