js data-自定义属性

template

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

data-* 中属性名全都是小写,中间可以用 - 隔开
如果使用了大写字母,在渲染时也会被替换成小写的
js data-自定义属性_第1张图片

获取/修改data属性值使用dataset

获取属性值
  1. 若属性名中间有‘-’,则使用驼峰命名法获取
  2. 若html中使用了大写字母后渲染成小写的,就只能使用全小写来获取
    js data-自定义属性_第2张图片
新增属性&修改属性值
  1. 通过js新增属性,使用全小写或驼峰命名法
    在这里插入图片描述在这里插入图片描述
  2. 修改属性值的方法是在获取属性后设置
    在这里插入图片描述
    在这里插入图片描述
jquery设置属性&获取属性值
  1. 可使用$.data的方式设置属性,但设置后不会渲染在页面上
  2. 使用什么命名就通过什么来获取即可
  3. 如果使用驼峰或者‘-’方式命名,则获取属性值时可以使用两种中的任意一种,即可以互换,建议使用同种方法啦,避免混淆
    js data-自定义属性_第3张图片

你可能感兴趣的:(javascript,jquery)