要复习的方法
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()
数据串联化 对数据进行解析操作的时候有用