Rumah >hujung hadapan web >tutorial js >jquery怎么改变css样式
jquery怎么改变css样式
- 青灯夜游asal
- 2021-04-28 16:16:453528semak imbas
jquery改变css样式的方法：首先使用“$()”获取HTML元素节点，然后使用css()方法改变css样式；具体语法“$("选择器").css("属性名称","属性值");”。
本教程操作环境：windows7系统、jquery3.0.0版本、Dell G3电脑。
在jquery中，可以利用css()方法来改变css样式。
css()方法设置或返回被选元素的一个或多个样式属性。
基本语法如下
$(‘选择器’).css('属性名称','属性值');
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script>
$(function() {
$(".big").css("font-size", "30px");
$("#color").css("color", "red");
});
</script>
</head>
<body>
<ul>
<li class="big">测试文本</li>
<li>测试文本</li>
<li id="color">测试文本</li>
<li>测试文本</li>
</ul>
</body>
</html>效果图：
相关视频教程推荐：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：详解JavaScript数组开头添加元素的3种方法Artikel seterusnya：jquery怎么操作css设置颜色