4.3 樣式(Classes)的操控

.css():直接加上 css 相關屬性

直接修改 style 屬性:

$("p").css("color", "red").css("font-size", "30px");

範例:

.addClass():增加樣式

加上樣式類別:

$("p").addClass("change_style");

範例:

.removeClass():移除樣式

移除樣式類別:

$("p").removeClass("change_style2");

範例:

.hasClass():判斷該樣式是否存在

判斷某 class 是否存在,回傳 true 或 false:

$("p.change_style").hasClass("change_style2");

範例:

.toggleClass():樣式切換

如果存在某樣式,就移除;反之,如果不存在某樣式,就新增:

$("p.change_style").toggleClass("change_style2");

範例:

Last updated