主要是遍历,创建,添加,删除元素操作
一.遍历元素
jQuery隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同的操作,就需要用到遍历。
语法1:
//主要遍历元素
$("div").each(function(index,domEle){xxx;})
1.each()方法遍历匹配的每一个元素。主要用DOM处理。each每一个
2.里面的回调函数有2个参数:index是每个元素的索引号,domEle是每个DOM元素对象,不是jQuery对象
3.所以要想使用jquery方法,需要给这个dom元素转换为jquery对象$(domEle)
语法2:
主要用于遍历数据,处理数据
$.each(object,function(index,element){xxx;})
1.$.each()方法主要用于遍历对象,主要用于处理数据。主要也用于数组,比较数组,对象
2,里面的函数有两个参数:imdex是每一个元素的索引号,element遍历内容
二.创建元素
语法:
$("<li></li>");
动态的创建一个li
三,添加元素
1.内部添加
element.append("内容");//把内容放入匹配元素内部最后面,类似于appendChild
element.prepend("内容");//内部放入匹配元素的最前面
2.外部添加
element.after("内容");//把内容放入目标元素的后面
element-before("内容");//把内容放入目标元素的前面
(1)内部添加元素,生成之后,它们是父子关系()
(2)外部添加元素,生成之后,它们是兄弟关系
四,删除元素
element.remove()//删除匹配的元素(本身)
element.empty()//删除匹配的元素集合中所有的子节点
element.html()//清空匹配的元素内容