jQuery元素操作

主要是遍历、创建、添加、删除元素操作

一、遍历元素

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() //删除匹配的元素集合中所有的子节点

element.html(" ") //清空匹配的元素内容