Rumah > Artikel > hujung hadapan web > jquery怎么改变td背景色
jquery怎么改变td背景色
- 青灯夜游asal
- 2022-04-20 13:47:502564semak imbas
在jquery中，可以利用css()方法来改变td背景色，只需要使用该方法给td单元格元素添加background-color样式并指定背景色值即可，语法为“$("td").css("background-color","背景色值");”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
在jquery中，可以利用css()方法来改变td背景色。
css() 方法返回或设置匹配的元素的一个或多个样式属性。
当用于设置样式时，有两种语法：
//设置单个属性样式
$(selector).css(属性名,属性值)
//设置一个或多个属性样式
$(selector).css({属性名:属性值, 属性名:属性值, ...})想要改变td背景色，可以直接使用第一种语法格式。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("td").css("background-color","red");
});
});
</script>
</head>
<body>
<table border="1">
<tr>
<th>商品</th>
<th>价格</th>
</tr>
<tr>
<td>T恤</td>
<td>￥100</td>
</tr>
<tr>
<td>牛仔褂</td>
<td>￥250</td>
</tr>
<tr>
<td>牛仔库</td>
<td>￥150</td>
</tr>
</table><br>
<button>改变td背景色</button>
</body>
【推荐学习：jQuery视频教程、web前端视频】
Atas ialah kandungan terperinci jquery怎么改变td背景色. 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怎么修改min-height样式Artikel seterusnya：jquery怎么将字体改变为宋体