jquery se rend compte que les lignes du tableau changeront de couleur lorsque la souris clique (code joint)

Le contenu de cet article concerne l'implémentation par jquery de la façon dont les lignes du tableau changeront de couleur lorsque vous cliquez sur la souris (code joint). Il a une certaine valeur de référence. J'espère que cela sera utile. toi.

Après environ un an, j'ai acquis de nouvelles connaissances, en essayant des projets de déploiement Linux, en passant par la sécurité des réseaux, jusqu'au développement back-end, puis j'ai commencé à utiliser Jquery,

et c'est un must. Exposez-vous également à une perspective peut-être plus large. Pour un étudiant nouvellement diplômé. Fondateur, je n'ai jamais utilisé jquery auparavant.

Bien que j'aie été formé et appris, cela n'a pris que deux jours et j'ai un peu de compréhension. La page de dessin au travail doit être ajustée par des professionnels plus tard, ce qui est le cas. terrible,

J'ai l'impression que c'est le début de mon passage au front-end, mais je suis toujours très content Lors de l'ajustement de la page, il faut être stable et cela prend du temps.

Il ne m'a pas fallu beaucoup d'efforts pour ajuster ce js, mais j'y ai également fait référence en ligne et je ne connaissais pas grand-chose aux commandes. En arrière-plan, j'ai simplement abandonné les différents

exemples sur Internet et j'ai écrit selon mes propres idées. Ce ne sont que deux phrases de code. Peut-être que mon écriture n'est pas parfaite, mais la partager est un enregistrement de mon processus de croissance

. OK, plus de bêtises. Pour commencer, permettez-moi d’abord de vous présenter mon environnement.

1. La première page n'est rien, comme indiqué ci-dessous. Il peut y avoir un tas de tds au milieu, et bien sûr, il se peut qu'il n'y ait pas de . chaque ligne de . Si vous écrivez

à l'intérieur de , ajoutez-la simplement à la balise 🎜>2. Ensuite il y a le js Cette méthode est écrite, vous pouvez l'écrire en

　<tbody><tr onclick=“SingleChangeColor(this)”>
　　<td></td>.......
　　</tr><tbody>

　, ou vous pouvez l'écrire en js.

3. Ensuite, la méthode est :

4 Selon la situation

function SingleChangeColor(e){
　　//1.清楚表格的背景颜色：注意#contentTable是你表格的ID，ID唯一
　　$("#contentTable").find("td").css("background","");
　　//2.改变当前点击行的背景颜色
　　$(e).find("td").css("background","red");//red为颜色，你也可以输入颜色值#00000等等
}

Recommandations associées :

jquery implémente en cliquant sur. la page pour calculer les clics Times_jquery

javascript jQuery-based table hover décoloration/restauration, table click décoloration/restauration, cliquez sur la sélection de ligne Checkbox_jquery

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!