jquery的class选择器
jQuery 的 class 选择器
jQuery 的 class 选择器用于通过 CSS 类名选取元素。其语法与 CSS 的类选择器类似，通过在类名前加一个点（.）来标识。
基本语法
$(".className")其中 className 是目标元素的 CSS 类名。
示例
<div class="box">Box 1</div>
<div class="box">Box 2</div>// 选取所有类名为 "box" 的元素并设置背景色
$(".box").css("background-color", "yellow");选择多个类名
可以同时选择具有多个类名的元素，类名之间用点号连接。
示例
<div class="box active">Box 1</div>
<div class="box">Box 2</div>// 选取同时具有 "box" 和 "active" 类的元素
$(".box.active").css("border", "2px solid red");结合其他选择器
class 选择器可以与其他选择器结合使用，例如标签选择器或 ID 选择器。
示例
<div class="box">Div Box</div>
<p class="box">Paragraph Box</p>// 选取类名为 "box" 的 div 元素
$("div.box").css("font-weight", "bold");动态添加/移除类
jQuery 提供了方法来动态操作元素的类。
添加类
$(".box").addClass("highlight");移除类
$(".box").removeClass("highlight");切换类
$(".box").toggleClass("highlight");检查类是否存在
使用 hasClass() 方法检查元素是否具有某个类。
示例
if ($(".box").hasClass("active")) {
console.log("Element has the 'active' class");
}注意事项
- 类选择器区分大小写。
- 如果类名包含特殊字符（如空格或点），需要使用转义符
\\。 - 类选择器返回的是一个 jQuery 对象，包含所有匹配的元素。
