Obtener elementos basados en atributos
1. Por ejemplo, quieres obtener un elemento con id en la etiqueta page p
$("p[id]").css("color","rojo");
Obtener elementos basándose en valores de atributos
1.$。 En jQuery, $("<span>"), esta sintaxis es equivalente a $(document.createElement("span")), que es un uso que se usa al seleccionar un elemento: [attribute$=value], coincidir con un atributo dado es un elemento que termina en algún valor. Aquí tienes un ejemplo:
Código HTML
Copiar código El código es el siguiente:
<nombre de entrada="boletín" />
<nombre de entrada="lechero" />
<input name="jobletter" />
Código jQuery:
- $("input[name$='letter']")
Resultado:
[ <nombre de entrada="newsletter" />, <nombre de entrada="jobletter" /> ]
2.!。 Selector: [atributo!=valor], coincide con todos los elementos que no contienen un atributo especificado, o cuyo atributo no sea igual a un valor específico, este selector es equivalente a :not([attr=value]).
Aquí tienes algunos ejemplos:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<tipo de entrada="casilla de verificación" nombre="boletín" valor="Fusión en frío" />
<input type="checkbox" name="accept" value="Evil Plans" />
Código jQuery:
- $("input[name!='newsletter']").attr("checked", true);
Resultado:
[ <tipo de entrada="casilla de verificación" nombre="aceptar" valor="Planes malvados" marcado="verdadero" /> ]
3.*。 Selector: [atributo*=valor], que coincide con un atributo dado es un elemento que contiene ciertos valores. Aquí tienes un ejemplo:
Código HTML:
<nombre de entrada="noticias-hombre" />
<nombre de entrada="lechero" />
<nombre de entrada="letterman2" />
<nombre de entrada="newmilk" />
Código jQuery:
Resultado:
[ <nombre de entrada="man-news" />, <nombre de entrada="lechero" />, <nombre de entrada="letterman2" /> ]
4.@。 Coincide con los elementos que contienen un atributo dado. ¡Ten en cuenta que en jQuery 1.3, el símbolo @ inicial ha sido abolido! Si quieres ser compatible con la última versión, solo tienes que eliminar el símbolo @
Sí.
5.^。 Selector: [atributo^=valor], al coincidir un atributo dado es un elemento que comienza con algún valor, aquí tienes un ejemplo:
Código HTML:
<nombre de entrada="boletín" />
<nombre de entrada="lechero" />
<input name="newsboy" />
Código jQuery:
Resultado:
[ <nombre de entrada="boletín" />, <nombre de entrada="newsboy" /> ]
6 Obtener un elemento con un atributo especificado y una cadena específica en el escenario
Código HTML:
- <p><input type="checkbox" name="newsletter" value="Hot Fuzz"/> </p><p><input type="checkbox" name="newsletter" value="Cold Fusion" /> </p><p><input type="checkbox" name="accept" value="Evil Plans" /> </p>
Código jQuery:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Por supuesto, también puede obtenerse en función de atributos id u otros atributos, como $("input[id=id1]").css("color",red);
En jquery, al usar $("input[name='metaId']").val() no puede obtener directamente el valor de la radio seleccionada, sino solo el primer valor de la etiqueta de radio; esto puede estar relacionado con jquery usando el lenguaje xpath para la búsqueda, y normalmente queremos obtener el valor de la radio seleccionada; existen varios métodos:
1. Usa $("input[name='metaId']:checked").val() para que //name represente el nombre del atributo name en radio
2. Usa $(":radio:checked").val() para obtener // Limita la página a un solo conjunto de etiquetas de radio
|
Publicado en 28/10/2015 19:30:55
|
|
|
