// 使用 jQuery 操作 CSS 样式
// 1. 设置单个 CSS 属性
$(selector).css("property", "value");
// 示例:将所有 <p> 元素的字体颜色设置为红色
$("p").css("color", "red");
// 2. 设置多个 CSS 属性
$(selector).css({"property1": "value1", "property2": "value2", ...});
// 示例:将具有 class="example" 的元素的背景颜色设置为蓝色,字体大小设置为 20px
$(".example").css({
"background-color": "blue",
"font-size": "20px"
});
// 3. 获取 CSS 属性值
var value = $(selector).css("property");
// 示例:获取第一个 <p> 元素的字体颜色
var color = $("p").css("color");
console.log(color);
解释说明:
$(selector).css("property", "value")
:用于设置单个 CSS 属性。$(selector).css({"property1": "value1", "property2": "value2"})
:用于同时设置多个 CSS 属性。$(selector).css("property")
:用于获取指定的 CSS 属性值。上一篇:cssdisplay属性
下一篇:七种基本的css选择器
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站