推荐一个api查询工具
devdocs.
jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作
1.遍历元素
在jQuery中元素的遍历可以依靠隐式迭代,也可以通过each()来对循环遍历中的元素进行操作
使用each()进行遍历有两种方法:
1.此方法用于遍历jQuery对象中的每一项,回调函数中元素为DOM对象,想要使用jQuery方法需要进行转换。
$('div').each(function(index,domEle){
// 函数内容
})
a.each()方法遍历满足条件的所有元素
b.提供的函数主要有两个形参:index 为每一个匹配到的元素的索引号;domEle是每一个匹配到的DOM元素对象,注意 不是jQuery对象
c.如果要在对domEle使用jQuery方法,需要在其外面包一层$()
样式为$(domEle)
2.此方法用于遍历jQuery对象中的每一项,回调函数中元素为DOM对象,想要使用jquery方法需要转换
$.each(object,function(index,element){
// 函数内部代码
})
1.each()方法可以在多种类型的元素中使用,主要使用在数据处理上,例如 数组 、对象
2.依然函数里两个参数:index为匹配元素的索引(从零开始);element为遍历的内容
2.创建、添加、删除、(简称:增、删、改、查)
2.1创建元素
// 创建元素
$("<div></div>")
2.2内部添加
// 添加元素在目标内部元素的后面
element.append("添加的元素或内容") // 类似原生的appendChild
// 添加元素在目标内部元素的前面
element.prepend("添加的元素或内容")
添加后与目标元素是父子关系
2.3 外部添加
// 添加元素在目标元素的后面
element.after("要添加的内容或元素")
// 添加元素在目标元素的前面
element.before("要添加的内容或元素")
添加后与目标元素是兄弟关系
2.4删除元素
// 删除匹配的元素(本身)
element.remove() // 括号内不需要加什么,本就是自杀
// 删除匹配的元素的所有的子节点
element.empty() // 匹配的元素不止一个
// 清空匹配的元素内容
element.html("") // 将内部的节点和自身内容全部清空
注意:以上只是元素的创建、添加、删除方法的常用方法、其它方法参详API