jquery属性操作

什么是属性操作?

就是和属性有关的操作,

  • 获取,html(),attr(),val()
  • 删除,removeClass(参数),removeAttr(参数)
  • 修改,html(value),val(value),attr(xx1,xx2)
    获取,删除容易,修改略麻烦~
jquery属性操作_第1张图片
image.png

jquery的属性操作在原生js中也能完成么?

必然,比如innerHTML·

添加class属性

part 1
part 2
part 3

结果是没有一行变黄

移除class属性

part 1
part 2
part 3

结果返回part 1.

返回匹配元素的html内容

part 1
part 2
part 3

返回匹配元素的属性

part 1
part 2
part 3

结果为demo。注意attr的参数里必须写上是要获取哪个属性。
那么修改匹配元素的属性呢?

part 1
part 2
part 3

总结

attr()方法一个参数就是获取属性,两个参数就是修改属性。对比html方法与val方法,没有参数就是获取,有一个参数就是修改。这是由于attr的特点决定了。因为选择器选择了一个元素,但是一个元素也是有很多属性。

参考

jQuery 属性操作 - addClass() 方法
jQuery 参考手册 - 属性操作

你可能感兴趣的:(jquery属性操作)