Obtenir des éléments en fonction des attributs
1. Par exemple, vous souhaitez obtenir un élément avec id dans le tag page p
$(« p[id] »).css(« couleur »,"rouge ») ;
Obtenir des éléments en fonction des valeurs d’attributs
1.$。 Dans jQuery, $(« <span> »), cette syntaxe est équivalente à $(document.createElement(« span »)), qui est un usage utilisé lors de la sélection d’un élément : [attribute$=value], correspondre à un attribut donné est un élément se terminant par une certaine valeur. Voici un exemple :
Code HTML
Code de copie Le code est le suivant :
<entrée name="newsletter » />
<nom d’entrée = « laitier » />
<entrée nom="jobletter » />
code jQuery :
- $("input[name$='letter']")
Résultat:
[ <nom d’entrée="newsletter » />, <nom d’entrée="jobletter » /> ]
2.!。 Sélecteur : [attribut !=valeur], correspond à tous les éléments qui ne contiennent pas un attribut spécifié, ou dont l’attribut n’est pas égal à une valeur spécifique, ce sélecteur est équivalent à :not([attr=value]).
Voici quelques exemples :
<type d’entrée="case à cocher » nom="newsletter » valeur="Hot Fuzz » />
<type d’entrée="case à cocher » nom="newsletter » value="Cold Fusion » />
<type d’entrée="case à cocher » nom="accepter » valeur="Plans maléfiques » />
code jQuery :
- $("input[name!='newsletter']").attr("checked", true);
Résultat:
[ <type d’entrée="case à cocher » nom="accepter » valeur="Plans maléfiques » coché="vrai » />]
3.*。 Sélecteur : [attribut*=valeur], correspondant à un attribut donné est un élément contenant certaines valeurs. Voici un exemple :
Code HTML :
<nom d’entrée="man-news » />
<nom d’entrée = « laitier » />
<nom d’entrée = « letterman2 » />
<nom d’entrée="newmilk » />
code jQuery :
Résultat:
[ <nom d’entrée = = « homme de nouvelles » />, <nom d’entrée = « laitier » />, <nom d’entrée = letterman2 » /> ]
4.@。 Correspondre les éléments qui contiennent un attribut donné. Notez que dans jQuery 1.3, le symbole @ initial a été aboli ! Si vous voulez être compatible avec la dernière version, il suffit de supprimer le symbole @
Oui.
5.^。 Sélecteur : [attribute^=valeur], correspondre à un attribut donné est un élément qui commence par une certaine valeur, voici un exemple :
Code HTML :
<entrée name="newsletter » />
<nom d’entrée = « laitier » />
<entrée name="newsboy » />
code jQuery :
Résultat:
[ <nom d’entrée="newsletter » />, <nom d’entrée="newsboy » />]
6 Obtenir un élément avec un attribut spécifié et une chaîne spécifiée dans le cadre
Code 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>
code jQuery :
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Bien sûr, il peut aussi être obtenu en fonction des attributs id ou d’autres attributs, tels que $(« input[id=id1] »).css(« color »,red) ;
En jquery, lorsqu’on utilise $(« input[name='metaId'] »).val() ne peut pas obtenir directement la valeur de la radio sélectionnée, mais seulement la première valeur de l’etiquetage radio ; cela peut être lié à jquery utilisant le langage xpath pour la recherche, et nous voulons généralement obtenir la valeur de la radio sélectionnée, il existe plusieurs méthodes :
1. Utiliser $(« input[name='metaId'] :checked »).val() pour obtenir //name comme représentant le nom de l’attribut name dans la radio
2. Utilisez $(« :radio :checked »).val() pour obtenir // Restreignez la page à un seul ensemble de balises radio
|
Publié sur 28/10/2015 19:30:55
|
|
|
