主要是遍历
、创建、添加、删除元素操作
一、遍历元素
jQuery隐式迭代是对同一类元素做了同样的操作,如果想要给同一类元素做不同操作,就要遍历。
语法1:
$("div").each
(function(index,domEle){});
1、each()方法遍历匹配的每一个元素,主要用DOM处理,each每一个
2、里面的回调函数有2个参数:index是索引号,domEle是每个DOM元素对象
,不是jquery对象
3、所以要想使用jquery方法,需要将这个dom元素转换为jquery对象$(domEle)
语法2:
$.each
(object,function(index,element){});
1、$.each()方法可用于遍历任何对象
,主要用于数据处理,比如数组,对象
2、里面有2个参数:index是每个元素的索引号,element遍历内容
$.each(arr.function(i,ele){
console.log(i);
console.log(ele);
})
$.each({
name:"andy";
age:18
},function(i,ele){
console.log(i); //输出name age属性名
console.log(ele);// 输出属性值
})
二、创建元素
语法:
$(’’
<li></li>
"); //创建li标签
三、添加元素
1、内部添加
element.append(“内容”)
$("ul").append(li);//把内容放到匹配元素的最后面,类似原生appendChild
$("ul").prepend(li);//添加到元素的最前面
2、外部添加
element.after(“内容”) //把内容放入目标元素后面
element.before(“内容”) //把内容放到目标元素前面
内部添加元素 生成之后 他们是父子关系
外部添加元素 生成之后 他们是兄弟关系
四、删除元素
element.remove() //删除匹配的元素(本身)
element.empty() //删除匹配的元素集合中所有的子节点
我是你要找的bug 发布了39 篇原创文章 · 获赞 0 · 访问量 1322 私信 关注element.html(" ") //清空匹配的元素内容