jQuery是一种非常流行的JavaScript库，可以用来简化JavaScript的开发。其中之一重要的功能就是获取、设置HTML元素的class属性。使用jQuery可以轻松地通过class名称来定位特定的HTML元素，然后进一步对其进行处理，如修改样式或改变内容等。下面将介绍如何使用jQuery获取HTML元素的class属性值。

//首先要确保页面已经加载完毕
$(document).ready(function(){
//选取第一个p标签
var p = $('p:first');
//使用attr()方法获取class属性值
var className = p.attr('class');
//将获取的值输出到控制台
console.log(className);
});

上面的代码中，使用了jQuery的选择器选取了页面中第一个p标签，然后使用attr()方法获取其class属性值，最后将值输出到了控制台。这样我们就得到了这个p元素的class属性值。

另外，如果有多个class名，我们可以使用split()方法将它们分隔开来：

var classes = p.attr('class').split(' ');
console.log(classes[0]); //输出第一个class名
console.log(classes[1]); //输出第二个class名

在上述代码中，我们使用split()方法将class值分割成了一个数组，然后通过获取数组元素访问各个class名称。

总之，使用jQuery获取HTML元素的class属性值非常简单，只需用attr()方法轻松实现，而且也可以轻松处理多个class名。