jquery元素操作
6.1遍历元素
jQuery隐式迭代是对同一类元素做了相同的操作,如果想要给同一类元素做不同操作就要用到遍历
1.语法一
$("div").each(function (index,domEle){
函数体
})
each()方法遍历匹配每一个元素,主要用DOM处理,each每一个
里面的回调函数主要有两个参数:index是每个元素的索引号,domEle是每个DOM元素对象,不是jQuery对象
所以想使用jq方法,需要给这个dom对象转化为jq对象 $(domEle)
2.语法二
$.each(object,function(index,element){
})
$.each()方法可以用来遍历任何对象,主要用于数据处理,比如数组、对象
里面有两个参数:index是元素的索引号,element遍历内容
6.2创建元素
$(“需要创建的元素标签和内容”)
6.3添加元素
1.内部添加
节点加在后面
新创建的节点.appendTo($("加到原始的某个节点中"))
$("获取原始的某个节点的位置").append(新创建的节点)
节点加在前面
$("获取原始节点的某个位置").prepend(新创建的节点)
新创建的节点.prepend($("获取原始节点的某个位置"))
2.外部添加
把内容放入目标元素的后面
element.after("内容") //把内容放到目标元素的后面
element.before("内容") //把内容放入目标元素前面
6.4删除元素
element.remove() //删除匹配元素(本身)
element.empty() //删除匹配的元素集合中所有子节点
element.html("") //注意需要传入一个空字符串 ,清空匹配的元素内容
remove 删除元素本身
empty()和html("") 作用等价,都可以删除元素里面的内容,只不过html还可以再添加