jquery是一个广泛使用的javascript库，可以轻松地操作html文档、处理事件、创建动画等。在web开发中，经常需要通过jquery来获取元素并进行操作。本文将介绍如何使用jquery获取class内的info。
一、什么是class
在HTML中，class是指将一组元素标记为一个独立的组或类。它使得通过CSS或JavaScript来操作这组元素变得更加容易和方便。一个HTML元素可以包含多个class，这些class可以用空格分隔。
二、使用jQuery获取class
要在jQuery中获取class，需要使用”.”（点）来选择class。例如，要选择class为“info”的所有元素，可以使用以下代码：
$(".info")这将选择class为“info”的所有元素，并返回一个jQuery对象。jQuery对象实际上是一个由匹配元素组成的数组，可以使用各种jQuery方法对其进行操作。
三、操作class
一旦获取到class，可以使用各种jQuery方法来操作这些元素。以下是一些常见的jQuery方法：
- addClass() - 添加类
该方法将给选定元素添加指定的类。示例代码：
$(".info").addClass("active");上述代码将在所有class为“info”的元素中添加名为“active”的class。
- removeClass() - 移除类
该方法将从选定元素中删除指定的类。示例代码：
$(".info").removeClass("active");上述代码将从所有class为“info”的元素中删除名为“active”的class。
- toggleClass() - 切换类
该方法将在选定元素中切换指定的类（如果有，则删除它；如果没有，则添加它）。示例代码：
$(".info").toggleClass("active");上述代码将在所有class为“info”的元素中切换名为“active”的class。
四、获取class内info
在HTML中，class可以包含任何字符。为了获取class内的info，可以使用正则表达式来匹配该字符串。以下是一个示例代码：
var reg = /info-(.*)/;
$(".info").each(function(){
var className = $(this).attr("class");
var matchResult = className.match(reg);
var infoValue = matchResult[1];
console.log(infoValue);
});上述代码将在所有class为“info”的元素中查找以“info-”开头的class，并获取该class内的info。
五、总结
本文介绍了如何使用jQuery获取class，并通过addclass()、removeClass()和toggleClass()等方法操作class。同时，本文还介绍了如何使用正则表达式获取class内的info。希望本文能够帮助您更加深入地理解jQuery。
