复习JQ (6)

要复习的方法

get()

html()  text()

parents() closest()

detach()

siblings()

nextAll()  prevAll()

parentsUntil()  nextUntil() prevUntil()

clone()

warp() warpAll() warpInner() unwarp()

add() slice()

serialize() serializeArray()

一、get()

将JQ转为原生JS 接受一个参数 指定某个索引值的JQ变为JS

$("div").get().innerHTML;

$("div").get(0).innerHTML; // 第一个div

或者利用$("div")[0] 直接转为JS

二、html()  text()

html() 获取到的包含标签

text() 获取到的不包含标签

三、parents() closest()

parents()获取所有的祖先节点 接受一个参数  选取某个祖先节点  $("div").parents("body")

closest() 获取最近的祖先节点,包括元素自身（就是自己也会被选取） 必须要写筛选的参数

四、detach()

跟remove方法一样，只不过会保留删除这个元素的操作行为

五、siblings()

获取所有的兄弟节点

六、nextAll()  prevAll()

nextAll 下面的所有兄弟节点

prevAll 上面的所有兄弟节点

七、parentsUntil()  nextUntil() prevUntil()

parentsUntil()  选取到参数指定位置之前的所有祖先节点 不包括参数  不写参数就和parents一样

nextUntil 和 prevUntil用法相同

八、clone()

克隆节点

可以接受一个参数 ture 深层复制  可以复制之前节点的操作行为

九、warp() warpAll() warpInner() unwarp()

$("span").warp("<div>")  // 每个span外面都有个div

$("span").warpAll("<div>") //所有span被一个div包装 如果span标签之间有其他标签 会自动将这个标签拿出来

$("span").warpInner("<div>") // 每个span里面都有个div

$("span").unwarp("<div>") // span外面的div被删除了  删除包装（删除父级） 不能删body  

十、add() slice()

var elem = $("div");

var elem2 = elem.add($("span"));  //  elem2 里面有div 和 span

slice 截取  slice(起始位置,结束位置)  包左不包右

<ul>

    <li></li>

    <li></li>   

    <li></li>

    <li></li>

    <li></li>

    <li></li>

</ul>

$("li").slice(1,4).css("background","red")  // 第二个、第三个、第四个变红

十一、serialize() serializeArray()

数据串联化   对数据进行解析操作的时候有用