常见的jQuery属性操作:
- prop()
- attr()
- data()
1. 元素固有属性 prop()
// 获取属性
prop("属性")
//设置属性
prop("属性名","属性值")
注意:prop() 除了普通属性操作,更适合操作表单属性:disabled / checked / selected 等
2. 元素自定义属性 attr()
// 获取属性
attr("属性名") //类似原生的 geiAttribute
//设置属性值
attr("属性名","属性值") //类似原生 setAttribute
//两种方法也可以获取H5 自定义属性
注意:attr() 除了普通属性操作,更适合操作自定义属性。(该方法也可以获取 H5 自定义属性)
3. 数据缓存 data()
data() 方法可以在指定的元素上存取数据,并不会修改 DOM 元素结构。一旦页面刷新,之前存放的数据都将被移除。
//附加数据属性
data("name","value") //向被选中的元素附加数据
//获取数据
data("name") //向被选中的元素获取数据
注意:同时,还可以读取 HTML5 自定义属性 data-index ,得到的是数字型。
4. jQuery 文本属性值
jQuery的文本属性值常见操作有三种:
- html()
- text()
- val()
分别对应JS中的 innerHTML 、innerText 和 value 属性。
4.1 jQuery内容文本
普通元素内容 html() (等同于原生的innerHTML)
//获取元素内容
html()
//设置元素内容
html("要设置的内容")
普通元素文本内容 text() (等同于以原生的innerText)
//获取元素的文本内容
text() //只加括号表示获取内容
//设置元素的文本内容
text("要设置的文本内容") //用引号引起来的是要添加的文本内容
表单的值 val() (等同于原生value)
//获取表单的值
val()
//修改表单的值
val("要修改添加的内容")
注意:html() 可识别标签,text() 不识别标签。