So schließen Sie div in jquery aus

Beim Einsatz von jQuery zum Betrieb von HTML-Seiten kommt es häufig vor, dass bestimmte Elemente ausgeschlossen werden müssen. Es gibt viele Möglichkeiten, Elemente auszuschließen. In diesem Artikel wird anhand von Beispielen erläutert, wie Sie mit jQuery div-Elemente ausschließen.

1. Grundlegende Syntax

In jQuery können Sie die Methode not() verwenden, um bestimmte Elemente auszuschließen. Die Methode not() kann einen Selektor als Parameter erhalten, um unnötige Elemente aus der Menge der übereinstimmenden Elemente auszuschließen.

Die grundlegende Syntax lautet wie folgt:

$(selector).not(selector)

Dabei ist der erste Selektorparameter der Selektor des Elements, an dem gearbeitet werden soll, und der zweite Selektorparameter ist der Selektor des auszuschließenden Elements.

2. Ein einzelnes div-Element ausschließen

Schauen wir uns zunächst ein einfaches Beispiel an. Angenommen, es gibt den folgenden HTML-Code:

<div class="wrapper">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
  <div class="box excluded">Box 4</div>
  <div class="box">Box 5</div>
</div>

Jetzt müssen wir eines der div-Elemente mit der Klasse „excluded“ ausschließen und nur andere Elemente bearbeiten. Wir können den folgenden Code verwenden:

$('.box').not('.excluded').css('background-color', 'gray')

Im obigen Code verwenden Sie zuerst den Selektor „.box“, um alle div-Elemente mit der Klasse „box“ auszuwählen, und verwenden Sie dann die Methode not() zum Ausschließen das von der Klasse „ausgeschlossene“ div-Element. Verwenden Sie abschließend die Methode css(), um die Hintergrundfarbe dieser Elemente auf Grau zu setzen.

3. Mehrere div-Elemente ausschließen

Zusätzlich zum Ausschließen eines einzelnen div-Elements können wir auch mehrere Elemente ausschließen. Betrachten Sie den folgenden HTML-Code:

<div class="wrapper">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
  <div class="box excluded">Box 4</div>
  <div class="box">Box 5</div>
  <hr>
  <div class="panel">Panel 1</div>
  <div class="panel">Panel 2</div>
  <div class="panel">Panel 3</div>
  <div class="panel excluded">Panel 4</div>
  <div class="panel">Panel 5</div>
</div>

Jetzt müssen wir alle Elemente mit der Klasse „excluded“ ausschließen, egal ob es sich um ein div oder andere Elemente handelt. Sie können den folgenden Code verwenden:

$('*').not('.excluded').css('color', 'red')

Im obigen Code verwenden Sie den Platzhalter „*“, um alle Elemente auszuwählen, verwenden Sie dann die Methode not(), um Elemente mit der Klasse „excluded“ auszuschließen, und schließlich Verwenden Sie die Methode css(), um die Textfarbe des Elements auf Rot zu setzen. Es ist wichtig zu beachten, dass die Verwendung von Platzhaltern für alle Elemente auf der Seite gilt. Verwenden Sie sie daher nur, wenn Sie sie wirklich benötigen.

4. Zusammenfassung

In diesem Artikel wird erläutert, wie div-Elemente in jQuery ausgeschlossen werden. Die Methode not() kann verwendet werden, um unnötige Elemente aus dem übereinstimmenden Elementsatz auszuschließen und so Operationen an den erforderlichen Elementen durchzuführen. Es ist zu beachten, dass die ausgeschlossene Regel ein Selektor für ein oder mehrere Elemente oder ein Platzhalter sein kann. Bei der tatsächlichen Anwendung sollte die geeignete Methode entsprechend der jeweiligen Situation ausgewählt werden, um unnötige Auswirkungen zu vermeiden.

Das obige ist der detaillierte Inhalt vonSo schließen Sie div in jquery aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!