jQuery中的Class同名指的是在進行DOM操作時,若想要添加、移除或者檢查元素的class屬性,可以使用同名的方法實現。下面將介紹這些方法的使用。
// 添加class $(selector).addClass(class1,class2,...); // 移除class $(selector).removeClass(class1,class2,...); // 切換class(有則移除,無則添加) $(selector).toggleClass(class1,class2,...); // 檢查class是否存在 $(selector).hasClass(class);
以上四個方法均適用于選擇器選中的所有元素。其中的class參數可以是單個的類名字符串,也可以是多個用空格隔開的類名字符串。例如:
// 添加一個類名為"red"的class $("p").addClass("red"); // 添加多個類名為"red"和"bold"的class $("p").addClass("red bold"); // 移除一個類名為"green"的class $("p").removeClass("green"); // 檢查第一個p元素是否有類名為"blue"的class if ($("p:first").hasClass("blue")) { // 有類名為"blue"的class } else { // 沒有類名為"blue"的class } // 切換第二個p元素的類名為"alert" $("p:eq(1)").toggleClass("alert");
以上代碼演示了如何使用同名的類操作方法,方便快捷地修改元素的樣式。