Rumah > Artikel > hujung hadapan web > jquery怎么操作css设置颜色
jquery怎么操作css设置颜色
- 青灯夜游asal
- 2021-04-28 18:10:073084semak imbas
jquery操作css设置颜色的方法：首先使用“$()”获取HTML元素节点，然后使用css()方法来操作css设置颜色；具体语法“$("选择器").css("color/background-color","颜色值");”。
本教程操作环境：windows7系统、jquery3.0.0版本、Dell G3电脑。
jquery操作css设置颜色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script>
$(function() {
$(".color1").css("color", "red");
$("#color2").css("background-color", "red");
});
</script>
</head>
<body>
<ul>
<li class="color1">测试文本</li>
<li>测试文本</li>
<li id="color2">测试文本</li>
<li>测试文本</li>
</ul>
</body>
</html>效果图：
说明：
css()方法设置或返回被选元素的一个或多个样式属性。基本语法如下：
$(‘选择器’).css('属性名称','属性值');
相关视频教程推荐：jQuery教程（视频）
Atas ialah kandungan terperinci jquery怎么操作css设置颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery怎么改变css样式Artikel seterusnya：JavaScript中forEach如何退出循环