Selectores múltiples de jQuery

jQuery, la biblioteca que garantiza pocas líneas de código para mejores soluciones, técnicamente funciona bajo la atención de formas bastante complejas y elegantes. En consecuencia, el rendimiento no siempre se puede medir demasiado explícitamente.

Sin embargo, cuando se trabaja con múltiples selectores, uno puede tener dudas sobre el rendimiento con la implementación general. No varía mucho, según la mayoría de los desarrolladores.

El siguiente ejemplo funcionará con el selector elemento y el selector clase. El manejo es sencillo y significativo cuando se manejan amplias variantes de contenido.

Uso de Selectores Múltiples en jQuery

La convención de selectores múltiples de jQuery permite seleccionar selectores de diferentes preocupaciones y puede modificar o actualizar según los requisitos. Esta convención no tiene ninguna sintaxis diferente a la forma básica de inicializar los selectores.

Todo lo que se enfatiza aquí es seleccionar los selectores y separarlos con una coma.

Aquí, tendremos múltiples elementos HTML (div y p), y algunos de los div estarán asociados con una clase específica x. Nuestro objetivo es tomar todas las etiquetas div con clase x y p e identificarlas con un color diferente.

Atravesemos la cerca de código para la demostración.

<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>

Producción:

Varias otras convenciones darán más flexibilidad en diferentes aspectos del desarrollo. Puede visitar aquí para obtener detalles tabulares sobre las formas existentes de tratar con selectores múltiples.

Además, la documentación define el resto más claramente.