Maison >interface Web >js tutoriel >Comment modifier la classe tr dans jquery
Comment modifier la classe tr dans jquery
- 青灯夜游original
- 2021-11-19 12:05:242416parcourir
Méthodes pour modifier les classes : 1. Utilisez RemoveClass() pour supprimer la classe spécifiée de l'élément tr, la syntaxe est "$("tr").removeClass(class)" ; 2. Utilisez addClass() pour ajouter la classe spécifiée. classe à l'élément tr, syntaxe "$("tr").addClass(class)".
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.
Méthode jquery pour modifier la classe tr
Utilisez d'abord RemoveClass() pour supprimer la classe spécifiée de l'élément tr
Utilisez ensuite addClass() pour ajouter la classe spécifiée à l'élément tr
Exemple :
<!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> 
Tutoriels vidéo associés recommandés : Tutoriel jQuery(Vidéo)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!