jquery根据class获取元素

jQuery 根据 class 获取元素的方法

使用 jQuery 根据 class 获取元素主要通过 $(".classname") 选择器实现。以下是具体用法和常见场景：

基本语法

$(".className")

此语法会返回所有包含 className 类的 DOM 元素集合（jQuery 对象）。

示例代码

// 获取所有 class="box" 的元素
var elements = $(".box");

// 修改这些元素的背景色
elements.css("background-color", "red");

常见操作

获取第一个匹配元素

var firstElement = $(".className").first();

获取最后一个匹配元素

var lastElement = $(".className").last();

过滤结果

// 获取 class="box" 且包含 class="active" 的元素
var filteredElements = $(".box.active");

遍历元素

$(".item").each(function(index) {
    console.log(index + ": " + $(this).text());
});

注意事项

• class 名称区分大小写
• 多个 class 名称用空格分隔（如 $(".class1.class2") 会匹配同时具有这两个 class 的元素）
• 返回的是 jQuery 对象，不是原生 DOM 元素。如需原生元素，可通过索引获取（如 $(".box")[0]）

性能提示

在大型 DOM 结构中，更具体的选择器（如 $("div.className")）会比通用选择器性能更好。