jQuery 几个操作 css、class、style 样式的方法

作者:vkvi 来源:ITPOW(原创) 日期:2020-11-26

利用 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);
});
相关文章