Verkrijg elementen op basis van attributen
1. Bijvoorbeeld, je wilt een element met id krijgen in de page p-tag
$("p[id]").css("kleur","rood");
Verkrijg elementen op basis van attribuutwaarden
1.$。 In jQuery, $("<span>"), is deze syntaxis gelijk aan $(document.createElement("span")), een gebruik dat wordt gebruikt bij het selecteren van een element: [attribuut$=waarde], het matchen van een gegeven attribuut is een element dat eindigt op een bepaalde waarde. Hier is een voorbeeld:
HTML-code
Code kopiëren De code is als volgt:
<invoernaam="nieuwsbrief" />
<invoernaam="melkboer" />
<invoernaam="jobletter" />
jQuery-code:
- $("input[name$='letter']")
Resultaat:
[ <invoer naam="nieuwsbrief" />, <invoernaam="jobletter" /> ]
2.!。 Selector: [attribuut!=waarde], komt overeen met alle elementen die geen gespecificeerd attribuut bevatten, of waarvan het attribuut niet gelijk is aan een specifieke waarde; deze selector is equivalent aan :not([attr=value]).
Hier zijn enkele voorbeelden:
<invoertype="checkbox" naam="nieuwsbrief" waarde="Hot Fuzz" />
<invoertype="selectievakje" naam="nieuwsbrief" waarde="Cold Fusion" />
<invoertype="vakje afvinken" naam="accepteren" waarde="Kwaadaardige Plannen" />
jQuery-code:
- $("input[name!='newsletter']").attr("checked", true);
Resultaat:
[ <invoertype="vakje aanvinken" naam="accepteren" waarde="Kwaadaardige Plannen" aangevinkt="waar" /> ]
3.*。 Selector: [attribuut*=waarde], dat overeenkomt met een gegeven attribuut is een element dat bepaalde waarden bevat. Hier is een voorbeeld:
HTML-code:
<invoernaam="man-news" />
<invoernaam="melkboer" />
<invoernaam="letterman2" />
<invoernaam="newmilk" />
jQuery-code:
Resultaat:
[ <invoernaam="man-nieuws" />, <invoernaam="melkboer" />, <invoernaam="letterman2" /> ]
4.@。 Match elementen die een bepaald attribuut bevatten. Let op dat in jQuery 1.3 het leidende @-symbool is afgeschaft! Als je compatibel wilt zijn met de nieuwste versie, hoef je alleen het @-symbool te verwijderen
Ja.
5.^。 Selector: [attribuut^=waarde], waarbij een gegeven attribuut overeenkomt is een element dat begint met een bepaalde waarde, hier is een voorbeeld:
HTML-code:
<invoernaam="nieuwsbrief" />
<invoernaam="melkboer" />
<invoernaam="newsboy" />
jQuery-code:
Resultaat:
[ <invoernaam="nieuwsbrief" />, <invoernaam="nieuwsjongen" /> ]
6 Verkrijg een element met een gespecificeerd attribuut en een gespecificeerde string in de setting
HTML-code:
- <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>
jQuery-code:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Natuurlijk kan het ook worden verkregen op basis van id-attributen of andere attributen, zoals $("input[id=id1]").css("kleur",rood);
In jquery, wanneer je $("input[name='metaId']).val() gebruikt, kan je de waarde van de geselecteerde radio niet direct verkrijgen, maar alleen de eerste waarde van de radiotag; dit kan gerelateerd zijn aan jquery met behulp van de xpath-taal voor lookup, en we willen meestal de waarde van de geselecteerde radio krijgen; er zijn verschillende methoden:
1. Gebruik $("input[name='metaId']:checked").val() om //name te krijgen om de naam van het naamattribuut in radio weer te geven
2. Gebruik $(":radio:checked").val() om // Beperk de pagina tot slechts één set radiotags
|
Geplaatst op 28-10-2015 19:30:55
|
|
|
