jQuery属性操作

jQuery属性操作#

实际开发中常用前两个 prop() 和 attr()

设置或获取元素固有属性值 prop() #

所谓元素固有属性就是元素本身自带的属性，比如<a>元素里面的href，比如<input>元素里面的type。

获取属性语法#

                    
jQuery
                    ele.prop('属性名')
                

设置属性语法#

                    
jQuery
                    ele.prop('属性名','属性值')
                

百度一下

设置或获取元素自定义属性值 attr() #

用户自己给元素添加的属性，称之为自定义属性，比如给li添加index="1"。

获取属性语法#

                    
jQuery
                    // 类似原生getAttribute()
                    ele.attr('属性名')
                

设置属性语法#

                    
jQuery
                    // 类似原生setAttribute()
                    ele.attr('属性名','属性值')
                

该方法也可获取H5自定义属性

1. 鼠标滑过
2. 查看
3. 自定义索引

数据缓存 data() #

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

附加数据语法#

                    
jQuery
                    // 向被选元素附加数据
                    ele.data('name','value')
                

获取数据语法#

                    
jQuery
                    // 向被选元素获取数据
                    ele.data('name')
                    // 与attr()方法不同，H5自定义属性不用加data-
                    <span data-index="2"></span>
                    ele.data('index')
                

同时，还可以读取H5自定义属性data-，得到的是数字型

data()数据缓存