jquery如何获取class属性的值

这篇文章主要为大家展示了jquery如何获取class属性的值，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带大家一起来研究并学习一下“jquery如何获取class属性的值”这篇文章吧。

jquery是什么

jquery是一个简洁而快速的JavaScript库，它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器，并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件，是继Prototype之后又一个优秀的JavaScript代码库，能够用于简化事件处理、HTML文档遍历、Ajax交互和动画，以便快速开发网站。

jquery获取class属性的值的方法：首先创建一个前端示例文件；然后通过“$('#demo').attr('class');”或者“$('#demo')[0].className;”方法来获取值即可。

jQuery获取class属性的值是经常要做的一个操作，由于class本身也是元素的一个属性，所以可以通过attr方法来获取class的值。

代码如下：

$('#demo').attr('class');

当然也可以使用javascript的元素对象来获取，代码如下：

$('#demo')[0].className;

当然通过元素的方法还有很多，这两种方法也就够了，jquery 设置class也是用的attr方法

拓展：

attr() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值，则返回第一个匹配元素的值。

当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。

语法

返回属性的值：

$(selector).attr(attribute)

设置属性和值：

$(selector).attr(attribute,value)

使用函数设置属性和值：

$(selector).attr(attribute,function(index,currentvalue))

设置多个属性和值：

$(selector).attr({attribute:value, attribute:value,...})

以上就是关于“jquery如何获取class属性的值”的内容，如果改文章对你有所帮助并觉得写得不错，劳请分享给你的好友一起学习新知识，若想了解更多相关知识内容，请多多关注亿速云行业资讯频道。