Heim  >  Artikel  >  Web-Frontend  >  jquery erkennt, dass Tabellenzeilen ihre Farbe ändern, wenn die Maus klickt (Code angehängt)

jquery erkennt, dass Tabellenzeilen ihre Farbe ändern, wenn die Maus klickt (Code angehängt)

不言
不言Original
2018-08-16 14:11:333402Durchsuche

Der Inhalt dieses Artikels handelt davon, wie jquery erkennen kann, dass sich die Farbe von Tabellenzeilen ändert (mit Code). Ich hoffe, dass es hilfreich ist zu dir.

Nach etwa einem Jahr lernte ich neues Wissen, vom Ausprobieren von Linux-Bereitstellungsprojekten über Netzwerksicherheit bis hin zur Backend-Entwicklung, und begann dann mit der Verwendung von Jquery,

und es ist ein Muss. Setzen Sie sich vielleicht auch einer breiteren Perspektive aus. Für einen frischgebackenen College-Studenten. Gründer, ich habe jquery noch nie verwendet. Obwohl ich es gelernt habe, dauerte es nur zwei Tage und ich habe nur ein geringes Verständnis dafür, dass die Zeichenseite bei der Arbeit später angepasst werden muss ist schrecklich,

Ich habe das Gefühl, dass dies der Anfang meines Wechsels zum Frontend ist, aber ich bin immer noch sehr zufrieden. Beim Anpassen der Seite muss man stabil sein und es braucht Zeit.

Es hat mir nicht viel Mühe gekostet, dieses js anzupassen, aber ich habe auch online darauf verwiesen und wusste nicht viel über die Befehle. Im Hintergrund habe ich einfach auf die diversen

Beispiele im Internet verzichtet und nach meinen eigenen Vorstellungen geschrieben. Es sind nur zwei Codesätze. Vielleicht ist mein Schreiben nicht perfekt, aber das Teilen ist eine Aufzeichnung meines Entwicklungsprozesses

. Okay, kein Unsinn mehr. Lassen Sie mich zunächst meine Umgebung vorstellen.

1. Die Titelseite ist nichts, wie unten gezeigt. Es kann sein, dass sich in der Mitte eine Reihe von TDS befindet, und natürlich darf es kein 92cee25da80fac49f6fb6eec5fd2c22a geben jede Zeile von a34de1251f0d9fe1e645927f19a896e8. Wenn Sie

innerhalb von 8f86ca20bf479ad0d2cad5e574c19d8a schreiben, fügen Sie es einfach zum a34de1251f0d9fe1e645927f19a896e8 hinzu und es ist in Ordnung

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

2. Dann gibt es diese Methode zum Schreiben von js. Sie können sie in

 4ec11beb6c39d0703d1751d203c17053

 2cacc6d41bbb37262a98f745aa00fbf0 schreiben, oder Sie können es auch schreibe es in js.

3. Dann lautet die Methode:

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

4. Je nach Situation

Verwandte Empfehlungen:

jquery implementiert das Klicken auf die Seite um die Anzahl der Klicks zu berechnen_ jquery


Javascript jQuery-basierte Verfärbung/Wiederherstellung des Tabellen-Hovers, Verfärbung/Wiederherstellung des Tabellenklicks, Klicken Sie auf Zeilenauswahl Checkbox_jquery

Das obige ist der detaillierte Inhalt vonjquery erkennt, dass Tabellenzeilen ihre Farbe ändern, wenn die Maus klickt (Code angehängt). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn