Obtenha elementos com base em atributos
1. Por exemplo, você quer obter um elemento com id na tag page p
$("p[id]").css("cor","vermelho");
Obtenha elementos com base nos valores dos atributos
1.$。 No jQuery, $("<span>"), essa sintaxe é equivalente a $(document.createElement("span")), que é um uso usado ao selecionar um elemento: [attribute$=value], corresponder a um dado atributo é um elemento que termina em algum valor. Aqui está um exemplo:
Código HTML
Copiar código O código é o seguinte:
<input name="newsletter" />
<nome de entrada="leiteiro" />
<input name="jobletter" />
Código jQuery:
- $("input[name$='letter']")
Resultado:
[ <nome de entrada="newsletter" />, <nome de entrada="jobletter" /> ]
2.!。 Selector: [atributo!=valor], corresponde a todos os elementos que não contêm um atributo especificado, ou cujo atributo não é igual a um valor específico, esse seletor é equivalente a :not([attr=value]).
Aqui estão alguns exemplos:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
Código jQuery:
- $("input[name!='newsletter']").attr("checked", true);
Resultado:
[ <input type="checkbox" name="accept" value="Evil Plans" marcado="true" /> ]
3.*。 Selector: [atributo*=valor], corresponder a um dado atributo é um elemento contendo certos valores. Aqui está um exemplo:
Código HTML:
<nome de entrada="notícia-homem" />
<nome de entrada="leiteiro" />
<nome de entrada="letterman2" />
<nome da entrada="newmilk" />
Código jQuery:
Resultado:
[ <nome de entrada="man-news" />, <nome de entrada="leiteiro" />, <nome de entrada="letterman2" /> ]
4.@。 Corresponda elementos que contenham um determinado atributo. Note que no jQuery 1.3, o símbolo @ inicial foi abolido! Se você quiser ser compatível com a versão mais recente, basta remover o símbolo @
Sim.
5.^。 Selector: [attribute^=value], corresponder a um dado atributo é um elemento que começa com algum valor, aqui está um exemplo:
Código HTML:
<input name="newsletter" />
<nome de entrada="leiteiro" />
<nome de entrada="newsboy" />
Código jQuery:
Resultado:
[ <nome de entrada="newsletter" />, <nome de entrada="newsboy" /> ]
6 Obtenha um elemento com um atributo especificado e uma string especificada no cenário
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");支持多条件操作
Claro, também pode ser obtido com base em atributos id ou outros atributos, como $("input[id=id1]").css("color",red);
No jquery, ao usar $("input[name='metaId']").val() não pode obter diretamente o valor do rádio selecionado, mas apenas o primeiro valor da tag de rádio; isso pode estar relacionado ao jquery usando a linguagem xpath para busca, e geralmente queremos obter o valor do rádio selecionado, existem vários métodos:
1. Use $("input[name='metaId']:checked").val() para fazer //name representar o nome do atributo name no rádio
2. Use $(":radio:checked").val() para obter // Restringa a página a apenas um conjunto de tags de rádio
|
Publicado em 28/10/2015 19:30:55
|
|
|
