利用 css 直接操作 style 属性
$("div").css("color"); // 获得 color 属性值 $("div").css("color", "red"); // 设置 color 为 red $("div").css({"color":"red", "font-size":"14px"}); // 设置多个样式属性
利用 xxxClass 操作 class 属性
$("div").hasClass("box"); // class 属性值中是否有 box $("div").addClass("box"); // 向 class 属性值中添加 box $("div").removeClass("box"); // 向 class 属性值中删除 box $("div").toggleClass("box"); // 切换 class,有就删除,没有就添加
向 head 区添加 style 标签
$(window).ready(function () { var style = $("<style type=\"text/css\">.box { border:1px solid red; }</style>"); $("head").append(style); });