jquery元素插入、删除、清空

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'的元素集合