jQuery-Mehrfachselektoren

jQuery, die Bibliothek, die mit wenigen Codezeilen für bessere Lösungen sorgt, funktioniert technisch gesehen auf ziemlich komplexe und ausgefallene Weise. Folglich kann die Leistung nicht immer zu explizit gemessen werden.

Bei der Arbeit mit mehreren Selektoren können jedoch Fragen zur Leistung bei der allgemeinen Implementierung auftreten. Laut den meisten Entwicklern gibt es keine großen Unterschiede.

Das folgende Beispiel funktioniert mit dem element-Selektor und dem Klassen-Selektor. Das Laufwerk ist mühelos und signifikant, wenn große Varianten von Inhalten verarbeitet werden.

Verwendung mehrerer Selektoren in jQuery

Die jQuery-Konvention für mehrere Selektoren ermöglicht es, Selektoren verschiedener Belange zu erfassen und je nach Anforderung zu ändern oder zu aktualisieren. Diese Konvention hat keine andere Syntax als die grundlegende Methode zum Initialisieren der Selektoren.

Alles, was hier betont wird, ist, die Selektoren auszuwählen und sie mit einem Komma zu trennen.

Hier haben wir mehrere HTML-Elemente (div und p), und einige der div werden einer bestimmten Klasse x zugeordnet. Unser Ziel ist es, alle div mit der Klasse x und den p-Tags zu erfassen und sie mit einer anderen Farbe zu kennzeichnen.

Lassen Sie uns für die Demonstration durch den Codezaun gehen.

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<div class="x">Content 1</div>
<p>Content 2</p>
<div>Content 3</div>
<p>Content 4</p>
<div>Content 5</div><br>
<div class="x">Content 6</div>
<script>
    $('p, .x').css({'color':'skyblue'});
</script>

Ausgang:

Mehrere andere Konventionen bieten mehr Flexibilität in verschiedenen Aspekten der Entwicklung. Sie können hier besuchen, um tabellarische Details zu den bestehenden Methoden zum Umgang mit Mehrfachselektoren zu erhalten.

Außerdem definiert die Dokumentation den Rest klarer.