Rumah >hujung hadapan web >tutorial js >Bagaimana untuk mengubah suai kelas tr dalam jquery

Bagaimana untuk mengubah suai kelas tr dalam jquery

青灯夜游asal: 2021-11-19 12:05:242416semak imbas

Kaedah untuk mengubah suai kelas: 1. Gunakan removeClass() untuk mengalih keluar kelas yang ditentukan daripada elemen tr, menggunakan sintaks "$("tr").removeClass(class)" 2. Gunakan addClass(); untuk menambah kelas yang ditentukan pada elemen tr Untuk menambah kelas yang ditentukan, sintaksnya ialah "$("tr").addClass(class)".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Kaedah Jquery untuk mengubah suai kelas tr

Gunakan dahulu removeClass() untuk mengalih keluar kelas yang ditentukan daripada elemen tr
Kemudian gunakan addClass() untuk menambah kelas yang ditentukan pada elemen tr

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("tr").removeClass("intro1");
					$("tr").addClass("intro2");
				});
			});
		</script>
		<style type="text/css">
		.intro1
		{
		color:red;
		}
		.intro2
		{
		color:blue;
		}
		</style>
	</head>
	<body>
		<table border="1">
			<caption>人物信息</caption>
			<tr class="intro1">
				<th>姓名</th>
				<th>年龄</th>
			</tr>
			<tr class="intro1">
				<td>Peter</td>
				<td>20</td>
			</tr>
			<tr class="intro1">
				<td>Lois</td>
				<td>20</td>
			</tr>
		</table><br />
		<button>修改tr的类</button>
	</body>
</html>

Bagaimana untuk mengubah suai kelas tr dalam jquery

Video berkaitan Cadangan tutorial: Tutorial jQuery (Video)

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai kelas tr dalam jquery. 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：Bagaimana untuk menentukan berapa banyak klik dalam jqueryArtikel seterusnya：Bagaimana untuk menentukan berapa banyak klik dalam jquery

Artikel berkaitan

Lihat lagi