【Jquery-05】jq中的元素操作增删改查

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还可以再添加