.class jquery

jQuery 类选择器使用指南

jQuery 类选择器允许通过 CSS 类名选取元素，语法与 CSS 类选择器一致。以下是具体使用方法：

语法格式

$(".className")

示例代码

// 选取所有包含 'active' 类的元素
$(".active").css("color", "red");

// 组合使用类选择器
$("div.highlight").addClass("animated");

常用操作

// 添加类
$("#element").addClass("newClass");

// 移除类
$(".oldClass").removeClass("oldClass");

// 切换类
$(".toggleable").toggleClass("active");

// 检查类是否存在
if ($("#item").hasClass("hidden")) {
    // 执行操作
}

注意事项

• 类名区分大小写
• 一个元素可包含多个类，选择器会匹配所有包含指定类的元素
• 性能优化：避免单独使用类选择器，可结合标签选择器如 $("div.className")

链式操作示例

$(".menu-item")
    .filter(".active")
    .css("background", "blue")
    .siblings()
    .removeClass("active");