JQ-Selektorproblem

Question

Beispiel unten. Warum wird 234 in js nicht wirksam? title> 1-Basic selector</title>

<style type="text/css">

table, td {

border:1px solid #333;

}

table {

border- Reduzieren: Reduzieren;

Rand: 30 Pixel automatisch;

Breite: 80 %;

Textausrichtung: Mitte;

}

Tabellenüberschrift {

Schriftgröße: 1,5 em;

Rand unten: 15 Pixel ;

}

.bg-orange {

Schriftstärke: fetter;

Farbe: weiß;

Hintergrundfarbe: orange;

}

</style>

</head>

td>

d>02</td> ;

</tr>

<tr>

<td>01</td>

<t d>02< :/td>

<td> ;03</td>

< ;/tr>

<tr>

<td>01</td>

<td>02</td>

<td>03</ td>

</tr>

< ;/table>

</body>

</html>

<!--

1. Die Selektoren in jquery sind grundsätzlich die gleichen wie in CSS, was es für Entwickler, die mit CSS vertraut sind, einfacher macht, sich schnell zurechtzufinden

2 Die meisten CSS-Selektoren können direkt in JQuery verwendet werden

3 , oder Eintragsselektoren, einfache Selektoren, die Funktion besteht darin,

Elemente der ersten Ebene für die Ausführung nachfolgender Filter bereitzustellen. Es gibt vier Hauptkategorien: Tag, ID, Klasse, *

-->

<script type="text/javascript" src="jquery-3.3.1.js"></script>

<script type="text/javascript">

//1 selector

$('td') .css('backgroundColor','wheat')

//2.id selector

//Entferne den Hintergrund auf td, sonst wird er überlagert und verdeckt

$('#title').css( 'backgroundColor','lightgreen')

//3.class-Klassenselektor

$('.mark').addClass('bg-orange')

//4.*pass Mit Selektor

$('tr:nth-child(3) ~ *').css('backgroundColor', 'pink')

</script>

Answer 1

一、js中，1中标签选择器的优先级更高。注释掉后就可以了   二、2中mark类未添加到DOM结构中。