Red de conocimiento informático - Material del sitio web - Cómo utilizar selectores compuestos en jQuery

Cómo utilizar selectores compuestos en jQuery

Lo que les traigo esta vez es cómo usar selectores compuestos en jQuery. ¿Cuáles son las precauciones para usar selectores compuestos en jQuery? Aquí hay un ejemplo práctico, echemos un vistazo.

1. Introducción

Un selector compuesto combina múltiples selectores (que pueden ser selectores de ID, selectores de elementos o selectores de nombres de clases. Sepárelos con comas ",". Si se cumple una de las condiciones del filtro, se comparará y devolverá un conjunto encapsulado de jQuery en forma de colección. Utilice el indexador de jQuery para obtener los objetos jQuery de la colección.

Un selector con múltiples condiciones coincidentes no coincidirá con elementos que cumplan múltiples condiciones coincidentes de selector. En cambio, los elementos coincidentes por cada selector se combinarán y devolverán.

El uso del selector compuesto es el siguiente:

$(" selector1,selector2,selectorN");

selector1: un selector válido, que puede ser Un selector de ID, un selector no inicializado o un selector de nombre de clase.

selector2: es otro selector válido, que puede ser un selector de ID, un selector no original, un selector de nombre de clase, etc.

selector2: es un selector válido.

selectorN: (opcional) Cualquier número de selectores, que pueden ser selectores de ID, selectores no originales, selectores de nombre de clase, etc.

El selector no es un selector válido.

Por ejemplo, para consultar todas las etiquetas y

en un documento que usan la clase css myClass, puede usar el siguiente código jQuery:

$(" span,p. myClass");

Aplicación II

Agregue 3 elementos diferentes y diseñelos de manera consistente. Utilice un selector compuesto para filtrar elementos

y elementos con un valor de atributo de identificación de intervalo y agregarles nuevos estilos.

Código III

Creo que domina el método después de leer el caso de este artículo. Para obtener artículos más interesantes, preste atención a otros artículos relacionados de Gxl Network. /p>

Lectura recomendada:

Explicación detallada de las propiedades calculadas de vue

Cómo utiliza Vue CDN para optimizar la carga en la primera pantalla

Cómo dividir el entorno empaquetado para proyectos de Vue

Tutorial de introducción a vue