Rumah >hujung hadapan web >tutorial js >jquery怎么增加css属性
jquery怎么增加css属性
- 藏色散人asal
- 2021-05-27 10:54:193221semak imbas
jquery增加css属性的方法是css()方法，该方法能设置或返回被选元素的一个或多个样式属性，其设置增加css属性的语法是“css("propertyname","value");”。
本文操作环境：Windows7系统、jquery3.2.1&&css3版，DELL G3电脑
jQuery css() 方法
css() 方法设置或返回被选元素的一个或多个样式属性。
返回 CSS 属性
如需返回指定的 CSS 属性的值，请使用如下语法：
css("propertyname");设置 CSS 属性
如需设置指定的 CSS 属性，请使用如下语法：
css("propertyname","value");下面的例子将为所有匹配元素设置 background-color 值：
实例
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").css("background-color","yellow");
});
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p style="background-color:#ff0000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
<p>这是一个段落。</p>
<button>设置 p 元素的背景色</button>
</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中如何更好地使用数组Artikel seterusnya：详解Angular DOM的更新机制