Rumah >hujung hadapan web >tutorial js >如何使用jQuery更改CSS样式
如何使用jQuery更改CSS样式
- 不言asal
- 2018-12-29 13:45:147632semak imbas
使用jQuery可以更改CSS的样式，例如更改颜色或在执行操作时更改元素的大小，本篇文章我们就来给大家介绍使用jQuery更改CSS样式的具体方法，下面来看具体的内容。
使用jQuery操作CSS的方法是CSS方法，通过使用CSS方法可以在执行特定操作时动态更改CSS，例如按钮，所以可以创建更多可用的页面。
我们先来看一下CSS方法
基本语法如下
$(‘选择器’).css('属性','值');
选择器指定类和ID。
属性与CSS属性相同，例如'color'和'font-size'。
该值将包含与属性对应的值。例如，“color”可以表示“red”或“green”，'font-size'表示'20px'。
我们来看具体的示例
改变特定元素字体的大小
代码如下
<!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", "50px");
});
</script>
</head>
<body>
<ul>
<li class="big">big</li>
<li>small</li>
<li class="big">big</li>
<li>small</li>
</ul>
</body>
</html>在浏览器上显示效果如下
本篇文章到这里就全部结束了，更多精彩内容大家可以关注php中文网的相关栏目教程！！！
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中append方法添加元素Artikel seterusnya：node.js中的env如何使用