Comodín [id * = 'id'] y resumen del selector de jquery en el selector de jQuery
Wildcard
Selector
(1) Comodines:
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
(2) Según la selección de índice
|_+_|-
|_+_|
-
|_+_|
(3) Obtenga el número de entradas del nodo del siguiente nivel de jqueryObj
|_+_|
(4) Obtenga todas las etiquetas debajo de los nodos secundarios de la etiqueta cuya clase es principal
|_+_|
(5) Seleccione junto a la etiqueta
|_+_|
2. Filtrar
|_+_|-
|_+_|
-
|_+_|
3. Eventos
|_+_|-
|_+_|
-
|_+_|
-
|_+_|
-
|_+_|
4. Función de la herramienta
|_+_|
Ps: resumen del selector de jQuery
El selector de jQuery es poderoso, aquí hay un resumen rápido de los métodos de búsqueda de elementos comunes.
$ ('# myELement') selecciona un elemento con un valor de id igual a myElement. El valor de id no se puede repetir. Solo un valor de identificación en el documento puede ser myElement, por lo que se obtiene el único elemento.
$ ('div') selecciona todos los elementos de la etiqueta div, devuelve una matriz de elementos div
$ ('. myClass') selecciona todos los elementos de css usando la clase myClass
$ ('*') selecciona todos los elementos en el documento y puede usar una variedad de métodos de selección para la selección conjunta: por ejemplo $ ('# myELement, div, .myclass')
Selector de cascada:
$ ('entrada de formulario') selecciona todos los elementos de entrada en el elemento de formulario
$ ('# main> *') selecciona todos los elementos secundarios cuyo valor de id es main
$ ('etiqueta + entrada') selecciona el siguiente nodo de elemento de entrada de todos los elementos de etiqueta. El selector de prueba devuelve todos los elementos de la etiqueta de entrada directamente después de una etiqueta con una etiqueta de entrada.
$ ('# prev ~ div') selector de hermanos, que devuelve todas las etiquetas div que pertenecen al mismo elemento principal del elemento de etiqueta con id prev
Selector de filtro básico:
$ ('tr: first') selecciona el primero de todos los elementos tr
$ ('tr: last') selecciona el último de todos los elementos tr
$ ('entrada: no (: marcado) + intervalo')
Filtrar: todos los elementos de entrada del selector marcado
$ ('tr: even') selecciona los elementos 0, 2, 4 ... de todos los elementos tr (nota: dado que se seleccionan varios elementos como matrices, el número de secuencia comienza en 0)
$ ('tr: impar') selecciona el primero, tercero, quinto ... elementos de todos los elementos tr
$ ('td: eq (2)') Seleccione el elemento td con el número de secuencia 2 en todos los elementos td
$ ('td: gt (4)') selecciona todos los elementos td con un número de secuencia mayor que 4 en el elemento td
$ ('td: ll (4)') selecciona todos los elementos td con un número de secuencia menor que 4 en el elemento td
$ (': encabezado')
$ ('div: animado')
Selector de filtrado de contenido:
$ ('div: contains (' John ')') selecciona todos los elementos en el div que contienen texto de John
$ ('td: vacío') selecciona una matriz de todos los elementos td vacíos (sin incluir los nodos de texto)
$ ('div: has (p)') selecciona todos los elementos div con etiquetas p
$ ('td: parent') selecciona todas las matrices de elementos con td como nodo padre
Selector de filtro visual:
$ ('div: hidden') selecciona todos los elementos div que están ocultos
$ ('div: visible') selecciona todos los elementos div visuales
Selector de filtro de atributos:
$ ('div [id]') selecciona todos los elementos div con el atributo id
$ ('input [name =' newsletter ']') Seleccione todos los elementos de entrada cuyo atributo de nombre sea igual a 'newsletter'
$ ('input [name! =' newsletter ']') Seleccione todos los elementos de entrada cuyo atributo de nombre no sea igual a 'newsletter'
$ ('input [name ^ =' news ']') Seleccione todos los elementos de entrada cuyo atributo de nombre comience con 'news'
$ ('input [name $ =' news ']') Seleccione todos los elementos de entrada cuyo atributo de nombre termine con 'news'
$ ('input [name * =' man ']') Seleccione todos los elementos de entrada cuyo atributo de nombre contenga 'news'
$ ('input [id] [name $ =' man ']') Puede usar múltiples atributos para la selección conjunta, el selector es para obtener todos los atributos de id y luego los atributos son El elemento al final de man
Selector de filtro de elemento secundario:
$ ('ul li: nth-child (2)'), $ ('ul li: nth-child (impar)'), $ ('ul li: nth-child (3n + 1)')
$ ('div span: first-child') devuelve una matriz del primer hijo de todos los elementos div
$ ('div span: last-child') devuelve una matriz del último nodo de todos los elementos div
$ ('div button: only-child') devuelve una matriz de todos los nodos secundarios en todos los divs que tienen solo un nodo secundario
Selector de elementos de formulario:
$ (': input') selecciona todos los elementos de entrada del formulario, incluidos input, textarea, select y button
$ (': text') selecciona todos los elementos de entrada de texto
$ (': contraseña') selecciona todos los elementos de entrada de contraseña
$ (': radio') selecciona todos los elementos de entrada de radio
$ (': checkbox') seleccione todos los elementos de entrada de la casilla de verificación
$ (': enviar') seleccionar todos los elementos de entrada de envío
$ (': image') selecciona todos los elementos de entrada de la imagen
$ (': reset') seleccionar todos los elementos de entrada de reset
$ (': button') seleccionar todos los elementos de entrada del botón
$ (': archivo') selecciona todos los elementos de entrada del archivo
$ (': hidden') Seleccione todos los campos ocultos del elemento de entrada o formulario de oculto
Selector de filtro de elemento de forma:
$ (': enabled') selecciona todos los elementos de formulario procesables
$ (': disabled') seleccionar todos los elementos de formulario inoperables
$ (': comprobado') selecciona todos los elementos de formulario marcados
$ ('seleccionar opción: seleccionado') selecciona todos los elementos seleccionados del elemento secundario seleccionado
Seleccione el valor de texto del td anterior del cuadro de texto de entrada cuyo nombre es 'S_03_22'
1 | |_+_| |
El nombre comienza con 'S_' y no termina con '_R'
1 | |_+_||_+_||_+_||_+_||_+_| |
Un valor seleccionado por radio llamado radio_01
1 | |_+_| |
$ ('A B') busca todos los nodos secundarios debajo del elemento A, incluidos los secundarios indirectos
$ ('A> B') Encuentra el hijo inmediato debajo del elemento A
$ ('A + B') Encuentra el hermano detrás del elemento A, incluido el hijo indirecto
$ ('A ~ B') Encuentra el hermano detrás del elemento A, excluyendo al hijo indirecto
1. $ ('A B') busca todos los nodos secundarios debajo del elemento A, incluidos los secundarios indirectos
Ejemplo: busque todos los elementos de entrada en el formulario
Código HTML:
1 2 3 4 5 6 7 8 9 | |_+_| |_+_||_+_||_+_| |_+_| |_+_||_+_||_+_| |_+_||_+_||_+_| |
código jQuery:
1 | |_+_||_+_||_+_| |
resultado:
1 | |_+_||_+_||_+_||_+_||_+_| |
2. $ ('A> B') encuentra el hijo inmediato debajo del elemento A
Ejemplo: Haga coincidir todos los elementos de entrada secundarios en el formulario.
Código HTML:
1 2 3 4 5 6 7 8 9 | |_+_| |_+_||_+_||_+_| |_+_| |_+_||_+_||_+_| |_+_||_+_||_+_| |
código jQuery:
1 | |_+_||_+_||_+_| |
resultado:
1 | |_+_||_+_||_+_| |
3. $ ('A + B') busca hermanos detrás del elemento A, incluidos los hijos indirectos
Ejemplo: haga coincidir todos los elementos de entrada que siguen a la etiqueta
Código HTML:
1 2 3 4 5 6 7 8 9 | |_+_| |_+_||_+_||_+_| |_+_| |_+_||_+_||_+_| |_+_||_+_||_+_| |
código jQuery:
1 | |_+_||_+_||_+_| |
resultado:
1 | |_+_||_+_||_+_||_+_||_+_| |
4. $ ('A ~ B') encuentra el hermano detrás del elemento A, excluyendo al hijo indirecto
Ejemplo: busque todos los elementos de entrada que sean iguales al formulario
Código HTML:
1 2 3 4 5 6 7 8 9 | |_+_| |_+_||_+_||_+_| |_+_| |_+_||_+_||_+_| |_+_||_+_||_+_| |
código jQuery:
1 | |_+_||_+_||_+_| |
resultado:
1 | |_+_||_+_||_+_| |
1. Conceptos básicos del selector básico
nombre | Descripción | Ejemplo |
#identificación | Seleccionar de acuerdo con el Id del elemento | $ ('divId') selecciona el elemento con el ID divId |
elemento | Elija según el nombre del elemento, | $ ('a') seleccionar todo elementos |
.clase | Seleccione de acuerdo con la clase css del elemento | $ ('. bgRed') Seleccione el elemento cuya clase CSS es bgRed |
* | Seleccionar todos los elementos | $ ('*') selecciona todos los elementos de la página |
selector1, selector2, selectorN | Puede separar varios selectores con ',' y luego escribirlos en una cadena de selección. El contenido de estos selectores se seleccionará al mismo tiempo. | $ ('# divId, a, .bgRed') |
2. Jerarquía del selector de jerarquía
nombre | Descripción | Ejemplo |
ancestro descendiente | Utilice el formulario 'entrada de formulario' para seleccionar todos los elementos de entrada en el formulario. Es decir, el antepasado (antepasado) es de, el descendiente (hijo) es la entrada. | $ ('. bgRed div') selecciona todos los elementos de la clase CSS como elementos de bgRed. |
padre> hijo | Seleccione el hijo directo del padre hijo. child debe estar contenido en el padre y la clase padre es el elemento padre. | $ ('. myList> li') Seleccione la clase CSS como hijo directo |
anterior + siguiente | Anterior y siguiente son dos elementos del mismo nivel. Seleccione el siguiente elemento después del elemento anterior. | $ ('# hibiscus + img') se selecciona como el objeto img con la identificación después del elemento hibiscus. |
prev ~ hermanos | Seleccione los elementos filtrados por hermanos después de anterior. Nota: hermanos es un filtro | $ ('# someDiv ~ [title]') selecciona todos los elementos con el atributo title después del objeto con id someDiv |
3. Filtros básicos Filtros básicos
nombre | Descripción | Ejemplo |
:primero | Coincide con el primer elemento encontrado | Encuentra la primera línea de la tabla: $ ('tr: first') |
:último | Coincide con el último elemento encontrado | Encuentra la última línea de la tabla: $ ('tr: last') |
: no (selector) | Eliminar todos los elementos que coinciden con un selector determinado | Encuentra todos los elementos de entrada no seleccionados: $ ('entrada: no (: marcada)') |
:incluso | Coincide con todos los elementos con un valor de índice par, contando desde 0 | Encuentre las líneas 1, 3, 5 ... de la tabla: $ ('tr: even') |
:raro | Coincide con todos los elementos cuyo valor de índice es impar, contando desde 0 | Encuentre las filas 2, 4 y 6 de la tabla: $ ('tr: impar') |
: eq (índice) | Un elemento que coincide con un valor de índice dado. Nota: el índice comienza a contar desde 0 | Encuentra la segunda línea: $ ('tr: eq (1)') |
: gt (índice) | Coincidir con todos los elementos más grandes que el valor de índice dado Nota: el índice comienza a contar desde 0 | Encuentre la segunda y tercera filas, es decir, los valores de índice son 1 y 2, que es mayor que 0: $ ('tr: gt (0)') |
: lt (índice) | Seleccionar elementos cuyo índice de conjunto de resultados sea menor que N Nota: el índice comienza a contar desde 0 | Encuentre la primera segunda fila, es decir, el valor del índice es 0 y 1, que es menor que 2: $ ('tr: lt (2)') |
:encabezamiento | Seleccione todas las etiquetas de encabezado como h1, h2, h3. | Agregue un color de fondo a todos los títulos de la página: $ (': header'). Css ('background', '#EEE') |
:animado | Coincidir con todos los elementos que están realizando una animación | Realice solo un efecto de animación en un elemento que no se esté animando: $ ('# ejecutar'). click (function () { |
4. Filtros de contenido Filtros de contenido
nombre | Descripción | Ejemplo |
: contiene (texto) | Coincidir con elementos que contienen el texto dado | Encuentra todos los elementos div que contienen 'John': $ ('div: contains (' John ')') |
:vacío | Coincidir con todos los elementos vacíos que no contienen elementos secundarios o texto | Encuentre todos los elementos vacíos que no contengan elementos secundarios o texto: $ ('td: empty') |
: tiene (selector) | Coincide con elementos que contienen elementos con los que el selector coincide | Agregue una clase de texto a todos los elementos div que contienen el elemento p: $ ('div: has (p)'). AddClass ('test') |
:padre | Coincidir elementos con elementos secundarios o texto | Encuentre todos los elementos td con elementos secundarios o texto: $ ('td: parent') |
5. Filtros de visibilidad Filtros de visibilidad
nombre | Descripción | Ejemplo |
Coincidir con todos los elementos invisibles Nota: En la versión 1.3.2, las coincidencias ocultas a sí mismas o la clase principal no ocupa espacio en el documento. Si usa la propiedad de visibilidad CSS para que no se muestre sino que ocupe un lugar, no ingrese oculto. | Encuentra todos los elementos tr invisibles: $ ('tr: hidden') | |
:visible | Coincidir con todos los elementos visibles | Encuentra todos los elementos tr visibles: $ ('tr: visible') |
6. Filtros de atributos Filtros de atributos
nombre | Descripción | Ejemplo |
[atributo] | Coincidir con elementos que contienen un atributo determinado | Encuentra todos los elementos div con un atributo id: $ ('div [id]') |
[atributo = valor] | Hace coincidir un atributo dado con un elemento de un valor particular | Encuentre todos los atributos de entrada cuyo atributo de nombre sea newsletter: $ ('input [name =' newsletter ']'). attr ('comprobado', verdadero) |
[atributo! = valor] | Hacer coincidir un atributo dado es un elemento que no contiene un valor específico | Busque todos los elementos de entrada cuyo atributo de nombre no sea un boletín informativo: $ ('input [name! =' newsletter ']'). attr ('comprobado', verdadero) |
[atributo ^ = valor] | Hacer coincidir un atributo dado con un elemento que comienza con algún valor | $ ('entrada [nombre ^ =' noticias ']') |
[atributo $ = valor] | Hace coincidir un atributo dado con un elemento que termina con algún valor | Encuentre todos los elementos de entrada cuyo nombre termine con 'letra': $ ('entrada [nombre $ =' letra ']') |
[atributo * = valor] | Hacer coincidir un atributo dado es un elemento que contiene algún valor | Encuentre todos los elementos de entrada cuyo nombre contenga 'man': |
[attributeFilter1] [attributeFilter2] [attributeFilterN] | Un selector de propiedad compuesta que debe usarse cuando se cumplen varias condiciones al mismo tiempo. | Encuentre todos los atributos de id, y su atributo de nombre termina con man: $ ('input [id] [name $ =' man ']') |
7. Filtro de elementos secundarios Filtros secundarios
nombre | Descripción | Ejemplo |
: nth-child (índice / par / impar / ecuación) | Coincidir con el elemento N o de paridad en su elemento principal ': eq (index)' solo coincide con un elemento, y esto coincidirá con el elemento secundario para cada elemento principal. : nth-child comienza en 1, y: eq () cuenta desde 0! puedo usar: | Encuentre el segundo li en cada ul: $ ('ul li: n-ésimo hijo (2)') |
:primer hijo | Coincidir con el primer elemento hijo ': first' coincide con solo un elemento, y este selector coincidirá con un elemento secundario para cada elemento principal | Encuentre el primer li en cada ul: $ ('ul li: primer hijo') |
:último niño | Coincidir con el último elemento hijo ': last' solo coincide con un elemento, y este selector coincidirá con un elemento secundario para cada elemento principal | Encuentra el último li en cada ul: $ ('ul li: último hijo') |
:hijo único | Si un elemento es el único elemento secundario en el elemento principal, se emparejará Si el elemento padre contiene otros elementos, no coincidirá. | Encuentre li en ul que es el único elemento hijo: $ ('ul li: hijo único') |
8. Formularios de selector de formularios
nombre | Descripción | Explicación |
:aporte | Coincidir con todos los elementos de entrada, área de texto, selección y botón | Encuentra todos los elementos de entrada: $ (': entrada') |
:texto | Coincidir con todos los cuadros de texto | Encuentra todos los cuadros de texto: $ (': texto') |
:contraseña | Coincidir con todas las casillas de contraseña | Encuentra todas las casillas de contraseña: $ (': contraseña') |
:radio | Coincidir con todos los botones de radio | Encuentra todos los botones de radio |
:caja | Coincidir con todas las casillas de verificación | Encuentra todas las casillas de verificación: $ (': casilla de verificación') |
:enviar | Coincidir con todos los botones de envío | Encuentra todos los botones de envío: $ (': enviar') |
:imagen | Coincidir con todos los campos de la imagen | Coincidir con todos los campos de la imagen: $ (': imagen') |
:Reiniciar | Coincidir con todos los botones de reinicio | Encuentra todos los botones de reinicio: $ (': restablecer') |
:botón | Coincidir con todos los botones | Encuentra todos los botones: $ (': botón') |
:expediente | Coincidir con todos los dominios de archivo | Encuentra todos los dominios de archivos: $ (': archivo') |
9. Filtro de formulario Filtros de formulario
nombre | Descripción | Explicación |
:activado | Coincidir con todos los elementos disponibles | Encuentre todos los elementos de entrada disponibles: $ ('entrada: habilitado') |
:discapacitado | Coincidir con todos los elementos no disponibles | Busque todos los elementos de entrada que no están disponibles: $ ('entrada: deshabilitado') |
:comprobado | Coincidir con todos los elementos seleccionados seleccionados (casillas de verificación, botones de radio, etc., excluyendo las opciones en seleccionar) | Encuentra todos los elementos de casilla de verificación seleccionados: $ ('entrada: comprobado') |
:seleccionado | Coincidir con todos los elementos de opción seleccionados | Encuentre todos los elementos de opción seleccionados: $ ('seleccionar opción: seleccionada') |
se basa en jQuery (v1.3.2) de: http://bbs.chinaandroid.com/showtopic-89.aspx
1). Básico
· # Id Coincide con un elemento basado en el ID dado. Por ejemplo: $ ('# id')
· Elemento coincide con todos los elementos según el nombre del elemento dado. Por ejemplo: $ ('div')
· .Class coincide con elementos de acuerdo con la clase dada. Por ejemplo: $ ('. Style1')
· * Coincide con todos los elementos. Por ejemplo: $ ('*')
· Selector1, selector2, selectorN Combina los elementos que coincide con cada selector y devuélvelos juntos. Por ejemplo: $ ('# id, div, .style1')
2). Formulario
·: El botón coincide con todos los botones. Por ejemplo: $ (': botón')
·: Casilla de verificación coincide con todas las casillas de verificación. Por ejemplo: $ (': casilla de verificación')
·: El archivo coincide con todos los dominios de archivo. Por ejemplo: $ (': archivo')
·: Oculto coincide con todos los elementos invisibles o elementos de tipo oculto. Por ejemplo: $ ('input: hidden')
·: La imagen coincide con todos los campos de la imagen. Por ejemplo: $ (': imagen')
·: Entrada coincide con todos los elementos de entrada, área de texto, selección y botón. Por ejemplo: $ (': input')
·: La contraseña coincide con todas las casillas de contraseña. Por ejemplo: $ (': contraseña')
·: La radio coincide con todos los botones de radio. Por ejemplo: $ (': radio')
·: Reiniciar coincide con todos los botones de reinicio. Por ejemplo: $ (': reset')
·: Enviar coincide con todos los botones de envío. Por ejemplo: $ (': enviar')
·: El texto coincide con todos los cuadros de texto de una sola línea. Por ejemplo: $ (': texto')
·: El encabezado coincide con los elementos del título, como h1, h2, h3. Por ejemplo: $ (': header'). Css ('background', '#EEE')
2. Condiciones de filtrado
1). Filtrado de atributos
· [Atributo * = valor] Coincidir con un atributo dado es un elemento que contiene ciertos valores. Por ejemplo: $ ('input [name * =' man '')
· [¡Atributo! = Valor] coincide con todos los elementos que tienen el atributo especificado pero cuyo atributo no es igual a un valor específico. Por ejemplo: $ (input [name! = 'Man')
· [Atributo $ = valor] Hace coincidir un atributo dado con un elemento que termina con algún valor. Por ejemplo: $ ('input [name $ =' man ']')
· [Atributo = valor] Hace coincidir un atributo dado con un elemento de un valor particular. Por ejemplo: $ ('input [name =' man ']')
· [Atributo] coincide con elementos que contienen un atributo determinado. Por ejemplo: $ ('div [id]')
· [Atributo ^ = valor] coincide con un elemento con un atributo dado que comienza con algún valor. Por ejemplo: $ ('input [name ^ =' man ']')
· [Selector1] [selector2] [selectorN] cumple varias condiciones al mismo tiempo. Por ejemplo: $ ('input [id] [name $ =' man ']')
·: Oculto coincide con todos los elementos invisibles. Por ejemplo: $ ('tr: hidden')
·: Visible coincide con todos los elementos visibles. Por ejemplo: $ ('tr: visible')
·: Marcado coincide con todos los elementos seleccionados seleccionados (casillas de verificación, botones de radio, etc., excluyendo las opciones en seleccionar). Por ejemplo: $ ('input: comprobado')
·: Desactivado coincide con todos los elementos no disponibles. Por ejemplo: $ ('input: disabled')
·: Habilitado coincide con todos los elementos disponibles. Por ejemplo: $ ('input: enabled')
·: Seleccionado coincide con todos los elementos de opción seleccionados. Por ejemplo: $ ('seleccionar opción: seleccionada')
2). Filtrado de contenido
·: Contiene (texto) coincide con el elemento que contiene el texto dado. Por ejemplo: $ ('div: contiene (' John ')')
·: Vacío coincide con todos los elementos vacíos que no contienen elementos secundarios o texto. Por ejemplo: $ ('td: vacío')
·: Tiene (selector) Coincide con el elemento que contiene el elemento que coincide con el selector. Por ejemplo: $ ('div: has (p)')
·: Parent coincide con elementos que contienen elementos secundarios o texto. Por ejemplo: $ ('td: parent')
3). Cribado jerárquico
· Ancestor descenddant Coincide con todos los elementos descendientes bajo el elemento ancestro dado. Por ejemplo: $ ('entrada de formulario')
· Parent> child coincide con todos los elementos secundarios del elemento principal dado. Por ejemplo: $ ('formulario> entrada')
· Prev + next coincide con todos los elementos siguientes inmediatamente después del elemento prev. Por ejemplo: $ ('etiqueta + entrada')
· Prev ~ siblings coincide con todos los elementos hermanos después del elemento prev. Por ejemplo: $ ('formulario ~ entrada')
·: Primer hijo coincide con el primer elemento hijo. Por ejemplo: $ ('ul li: primer hijo')
·: Last-child coincide con el último elemento secundario. Por ejemplo: $ ('ul li: last-child')
·: Nth-child (índice / par / impar / ecuación) coincide con el enésimo elemento secundario o de paridad en su elemento principal. Por ejemplo: $ ('ul li: nth-child (2)')
·: Hijo único Si un elemento es el único elemento hijo en el elemento padre, se emparejará. Por ejemplo: $ ('ul li: hijo único')
4). Selección de métodos
·: Animado coincide con todos los elementos que están realizando efectos de animación. Por ejemplo: $ ('div: animated')
·: Eq (índice) Coincide con un elemento con un valor de índice dado. Por ejemplo: $ ('tr: eq (1)')
·: Even Coincide con todos los elementos cuyo valor de índice es par, comenzando desde 0. Por ejemplo: $ ('tr: even')
·: Primero coincide con el primer elemento encontrado. Por ejemplo: $ ('tr: first')
·: Gt (índice) coincide con todos los elementos más grandes que el valor de índice dado, contando desde 0. Por ejemplo: $ ('tr: gt (0)')
·: Último coincide con el último elemento encontrado. Por ejemplo: $ ('tr: last')
·: Lt (índice) coincide con todos los elementos que son menores que el valor de índice dado. Por ejemplo: $ ('tr: lt (2)')
·: Not (selector) Elimina todos los elementos que coinciden con un selector dado. Por ejemplo: $ ('input: not (: comprobado)')
·: Impar coincide con todos los elementos cuyo valor de índice es impar, comenzando desde 0. Por ejemplo: $ ('tr: impar')
jQuery obtiene el texto y el valor seleccionados por Seleccionar: explicación de la sintaxis:
1. $ ('# select_id'). Change (function () {// code ...}) // Agrega un evento para Select, se activa cuando se selecciona uno de ellos
2. var checkText = $ ('# select_id'). Find ('option: selected'). Text () // Obtiene el texto seleccionado por Select
3. var checkValue = $ ('# select_id'). Val () // Obtiene el valor seleccionado por Select
4. var checkIndex = $ ('# select_id') .get (0) .selectedIndex // Obtiene el valor de índice seleccionado por Select
5. var maxIndex = $ ('# select_id option: last'). Attr ('index') // Obtiene el valor de índice máximo de Select
jQuery establece el texto y el valor seleccionados por Seleccionar: Explicación de la sintaxis:
1. $ ('# select_id') .get (0) .selectedIndex = 1 // Establezca el elemento con el valor de índice de selección de 1
2. $ ('# select_id') .val (4) // Establezca el valor de Seleccionar con un Valor de 4
3. $ ('# select_id option [text =' jQuery ']'). Attr ('selected', true) // Establezca el valor de Seleccionar texto en el elemento jQuery seleccionado
jQuery agrega / elimina el elemento Opción de Seleccionar: Explicación de sintaxis:
1. $ ('# select_id'). Append ('Text') // Agregar una opción (desplegable) para seleccionar
2. $ ('# select_id'). Prepend ('Por favor seleccione') // Inserte una opción (primera posición) para Seleccionar
3. $ ('# select_id option: last'). Remove () // Elimina el valor de índice máximo en Select (el último)
4. $ ('# select_id option [index =' 0 ']'). Remove () // Elimina la opción con el valor de índice de 0 en Select (la primera)
5. $ ('# select_id option [value =' 3 ']'). Remove () // Elimina la opción Value = '3' en Select
6. $ ('# select_id option [text =' 4 ']'). Remove () // Elimina la opción de Text = '4' en Seleccionar
// Atravesar la opción y agregar, eliminar la opción
function changeShipMethod (envío) {
var len = $ ('seleccione la opción [@ name = ISHIPTYPE]'). length
if (shipping.value! = 'CA') {
$ ('seleccione la opción [@ name = ISHIPTYPE]'). each (function () {
si ($ (esto) .val () == 111) {
$ (esto) .remove ()
}
})
} demás {
www.2cto.com $ ('UPS Ground'). appendTo ($ ('select [@ name = ISHIPTYPE]'))}
}
/ / Recorre un conjunto de selección y establece el valor seleccionado
$ ('div: primera selección'). each (function () {
$ ('div: primera opción de selección [valor =' 0 ']'). attr ('seleccionado', verdadero)
})
/ / Obtiene el valor seleccionado del menú desplegable
$ (# testSelect opción: seleccionado '). text ()
O $ ('# testSelect'). Find ('option: selected'). Text ()
O $ ('# testSelect'). Val ()
Direccion original: http://www.jb51.net/article/76917.htm