1. 常见的jQuery属性操作：
  • prop()
  • attr()
  • data()

1.元素固有属性 prop（）

  1. // 获取属性
  2. prop("属性")
  4. // 设置属性
  5. prop("属性名","属性值")

注意：prop（）除了普通属性操作，更适合操作表单属性:disabled / checked / selected 等

2.元素自定义属性attr（）

  1. // 获取属性
  2. attr("属性名")     //类似原生的 geiAttribute
  4. //设置属性值
  5. attr("属性名","属性值")   //类似原生 setAttribute
  7. //两种方法也可以获取H5 自定义属性

注意：attr() 除了普通属性操作，更适合操作自定义属性。（该方法也可以获取 H5 自定义属性）

3. 数据缓存 data()

data() 方法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。一旦页面刷新，之前存放的数据都将被移除。

  1. //附加数据属性 
  2. data("name","value")   //向被选中的元素附加数据
  4. //获取数据
  5. data("name")           //向被选中的元素获取数据
  7. 里面一个带一个元素是获取数据 带两个元素是修改或附加

注意：同时，还可以读取 HTML5 自定义属性 data-index ，得到的是数字型。

4.jquery 文本属性值

jquery的文本属性值常见操作有三种：

  • html()
  • text()
  • val()

分别对应JS中的innerHTML 、innerText 和value属性。

4.1 jQuery内容文本

普通元素内容 html() (等同于原生的innerHTML)

  1. // 获取元素
  2. html()-
  4. // 设置元素内容
  5. html("要设置的内容")

普通元素文本内容 text() （等同于以原生的innerText）

  1. //获取元素的文本内容
  2. text()                     //只加括号表示获取内容
  4. //设置元素的文本内容
  5. text("要设置的文本内容")    //用引号引起来的是要添加的文本内容

表单的值 val() (等同于原生value)

  1. // 获取表单的值
  2. val()
  4. // 修改表单的值
  5. val("要修改的内容")

注意：html（）可识别标签，text()不识别标签