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')                    // 向被选择的元素获取数据

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

4. jQuery 文本属性值

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

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

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

4.1 jQuery 内容文本

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

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

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

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

表单的值 val() （等同与原生value）

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

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