Heim > Web-Frontend > js-Tutorial > Hauptteil

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

不言
Freigeben: 2018-08-16 14:11:33
Original
3374 Leute haben es durchsucht

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 geben jede Zeile von . Wenn Sie

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

 <tbody><tr onclick=“SingleChangeColor(this)”>
  <td></td>.......
  </tr><tbody>
Nach dem Login kopieren

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

  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等等
}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!