jQuery操作dom
创建节点
$('html代码');
增加节点
分类
1、在父节点内容之前或之后添加新节点
2、在兄弟节点之前或之后添加新的兄弟节点
在父节点内容之前或之后添加新节点
#之后
父节点.append(新节点)
新节点.appendTo(父节点)
#之前
父节点.prepend(新节点)
新节点.prependTo(父节点)
在指定的兄弟节点之前或者之后添加新的兄弟节点
#之后
指定的凶你各地节点.after(新节点)
新节点.insertAfter(指定的同级兄弟节点)
#之前
指定的凶你各地节点.after(新节点)
新节点.insertBefore(指定的同级兄弟节点)
删除节点
1、jQuery对象.empty()----删除所有子元素,保留自己
2、jQuery对象.remove()----删除子元素,也删除了自己,不保留事件
jQuery.对象.detach()----删除子元素,也删除自己,保留事件
复制节点
jQuery对象.clone()
参数默认为false---不复制事件
为true---复制事件
筛选节点
children()---获取所有的子节点
children('sel1,sel2,...')---获取所有指定的子节点
兄弟节点
next()---后面的第一个兄弟节点 +
nextAll()---后面所有的兄弟节点 ~
nextUntil()---后面所有的兄弟节点直到...为止
prev()---前面的第一个兄弟节点
prevAll()---前面所有的兄弟节点
prevUntil()---获取前面所有的兄弟节点直到...为止
siblings()---所有的兄弟节点--包括前面与后面
siblings('sel1,sel2,...')---获取前后所有指定选择器的兄弟节点
closest('选择器')---向上查找
find('选择器')---向下查找
jQuery对象的遍历方法
each()
jQuery对象.each(function(当前元素对应的索引i,当前具体元素v){
i:索引
v:原生对象
}) |
|