1. 推荐一个api查询工具<br />[devdocs.](https://devdocs.io/)<br />jQuery 元素操作主要讲的是用jQuery方法，操作标签的遍历、创建、添加、删除等操作

1. 遍历元素

在jQuery中元素的遍历可以依靠隐士迭代，也可以通过each()来对循环遍历中的元素进行操作

使用each()进行遍历有两种方法：

  1. 此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。
    1. $("div").each(function(index,domEle) {
    2. // 函数内容
    3. }
    a. each() 方法遍历满足条件的所以元素
    b. 提供的函数主要有两个形参：index 为每一个匹配到的的索引号；domEle是每一个匹配到的DOM元素对象，注意！！！不是jQuery对象
    c. 如果要在对domEle使用jQuery方法，需要在其外面包一层$()样式为$(domEle)
  1. 此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。
    1. $..each(object,function(index,element){
    2. // 函数内部代码
    3. })
  • $.each() 方法可以在多种类型的元素中使用，主要在数据处理上，例如 数组、对象
  • 依然函数里两个形参：index为匹配元素的索引（从0开始）；element为遍历的内容

2. 创建、添加、删除（简称：增、删、改。查）

2.1 创建元素

  1. // 创建元素
  2. $("<div></div>")

2.2 内部添加

  1. // 添加元素在目标内部元素的后面
  2. element.append("添加的元素或内容")    // 类似原生的 appendChild
  4. // 添加元素在目标内部元素的前面
  5. element.prepend("添加的元素或内容")

添加后与目标元素是父子关系

2.3 外部添加

  1. // 添加元素在目标元素的后面
  2. element.after("要添加的内容或元素")
  4. // 添加元素在目标元素的前面
  5. element.before("要添加的内容或元素")

添加后与目标元素是兄弟关系

2.4 删除元素

  1. // 删除匹配的元素(本身)
  2. element.remove()    // 括号内不需要加什么，本就是自杀
  4. // 删除匹配的元素的所有的子节点
  5. element.empty()        // 匹配的元素不止一个
  7. // 清空匹配的元素内容
  8. element.html("")    // 将内部的节点和自身内容全部清空

注意：以上只是元素的创建、添加、删除方法的常用方法，其他方法请参祥API