jQuery sucintamente jQuery seleccionando

Notas: A partir de jQuery 1.3, la es() El método soporta todas las expresiones. Anteriormente, expresiones complejas como las que contienen selectores de jerarquía (como +, ~, y >) siempre devuelto cierto.

El filtro es usado por otras funciones internas de jQuery. Por lo tanto, todas las reglas que se aplican allí, se aplican aquí, también.

Algunos desarrolladores usan es ('. clase') para determinar si un elemento tiene una clase específica. No olvides que jQuery ya tiene un método para hacer esto llamado hasClass ('clase'), que se puede utilizar en elementos que contienen más de un valor de clase. Pero la verdad sea dicha, hasClass () es sólo un envoltorio conveniente para el es() método.

Puede pasar jQuery más de una expresión de selector

Puede proporcionar el primer parámetro de la función jQuery varias expresiones separadas por una coma: $ ('expresión, expresión, expresión'). En otras palabras, no está limitado a seleccionar elementos utilizando solo una expresión. Por ejemplo, en el siguiente ejemplo, estoy pasando la función jQuery tres expresiones separadas por una coma.

    
jQuery 
 
es el 
 
 
mejor!
 
    

Cada una de estas expresiones selecciona elementos DOM que se agregan al conjunto de envoltura. Entonces podemos operar en estos elementos utilizando métodos jQuery. Tenga en cuenta que todos los elementos seleccionados se colocarán en el mismo conjunto de envoltorios. Una forma ineficiente de hacer esto sería llamar a la función jQuery tres veces, una para cada expresión.

Comprobación del conjunto de envoltura .length para determinar la selección

Es posible determinar si su expresión ha seleccionado algo al verificar si el conjunto de envoltura tiene una longitud. Puedes hacerlo usando la propiedad array longitud. Si el longitud La propiedad no devuelve 0, entonces usted sabe que al menos un elemento coincide con la expresión que pasó a la función jQuery. Por ejemplo, en el código a continuación revisamos la página para un elemento con un carné de identidad de "no aquí" ¿Adivina qué? No está aquí!

Notas: Si no es obvio, la propiedad de longitud también puede informar el número de elementos en el conjunto de envoltura; dicho de otra manera, cuántos elementos fueron seleccionados por la expresión pasada a la función jQuery.

Creación de filtros personalizados para seleccionar elementos

Las capacidades del motor de selección de jQuery se pueden ampliar creando sus propios filtros personalizados. En teoría, todo lo que está haciendo aquí se basa en los selectores personalizados que ya forman parte de jQuery. Por ejemplo, supongamos que nos gustaría seleccionar todos los elementos en una página web que estén absolutamente posicionados. Ya que jQuery no tiene ya una costumbre. : positionAbsolute Filtro, podemos crear nuestro propio.

    
absoluto
 absoluto 
estático
 
absoluto
 
estático
 absoluto    

Lo más importante que hay que entender aquí es que no está limitado a los selectores predeterminados que proporciona jQuery. Puedes crear el tuyo propio. Sin embargo, antes de dedicar tiempo a crear su propia versión de un selector, simplemente intente filtrar() Método con una función de filtrado especificada. Por ejemplo, podría haber evitado escribir el : positionAbsolute selector simplemente filtrando el

 // Retirar 
 elementos de la envoltura // conjunto que no están posicionados absolutamente $ ('div'). filter (function () return $ (this) .css ('position') === 'absolute';); // o // Eliminar todos los elementos de la envoltura // conjunto que no están posicionados absolutamente $ ('*'). filter (function () return $ (this) .css ('position') === 'absolute' ;);

    
 
1
 
2
 
3
 
4
 
5
 
 
 
6
 
7
 
8
 
9
 
10
 
    

    
 
1
 
2
 
3
 
4
 
5
 
 
 
1
 
2
 
3
 
4
 
5
 
    

    
jQuery
    

    jQuery.com jQuery.com 1 jQuery.com    

 // Seleccionar el último 
 contenido en el // conjunto de envoltorios que contiene el texto "jQuery" $ ('div: last: contiene ("jQuery")') // Obtiene todas las casillas de verificación que están visibles y seleccionadas $ (': checkbox: visible: check ')

    
javascript
 
jQuery
 
javascript
 
jQuery
 
javascript
 
jQuery