Hent elementer baseret på attributter
1. For eksempel vil du have et element med id i page p-tagget
$("p[id]").css("farve","rød");
Hent elementer baseret på attributværdier
1.$。 I jQuery, $("<span>"), svarer denne syntaks til $(document.createElement("span")), hvilket er en anvendelse, der bruges ved valg af et element: [attribute$=value], der matcher en given attribut, er et element, der ender på en værdi. Her er et eksempel:
HTML-kode
Kopier koden Koden er som følger:
<inputnavn="nyhedsbrev" />
<inputnavn="mælkemand" />
<inputnavn="jobletter" />
jQuery-kode:
- $("input[name$='letter']")
Udfald:
[ <indtastningsnavn="nyhedsbrev" />, <indtastningsnavn="jobbrev" /> ]
2.!。 Selector: [attribut!=værdi], matcher alle elementer, der ikke indeholder en specificeret attribut, eller hvis attribut ikke svarer til en specifik værdi, denne selector er ækvivalent med :not([attr=value]).
Her er nogle eksempler:
<inputtype="afkrydsningsfelt" navn="nyhedsbrev" værdi="Hot Fuzz" />
<inputtype="afkrydsningsboks" navn="nyhedsbrev" værdi="Kold fusion" />
<inputtype="afkrydsningsboks" navn="accepter" værdi="onde planer" />
jQuery-kode:
- $("input[name!='newsletter']").attr("checked", true);
Udfald:
[ <inputtype="afkrydsningsboks" navn="accepter" værdi="Onde planer" markeret="sand" /> ]
3.*。 Selector: [attributt*=værdi], der matcher en given attribut, er et element, der indeholder visse værdier. Her er et eksempel:
HTML-kode:
<inputnavn="man-news" />
<inputnavn="mælkemand" />
<inputnavn="letterman2" />
<inputnavn="newmilk" />
jQuery-kode:
Udfald:
[ <inputnavn="mand-nyheder" />, <indtastningsnavn="mælkemand" />, <indgangsnavn="letterman2" /> ]
4.@。 Match elementer, der indeholder en given attribut. Bemærk, at i jQuery 1.3 er det ledende @-symbol blevet fjernet! Hvis du vil være kompatibel med den nyeste version, skal du blot fjerne @-symbolet
Ja.
5.^。 Selector: [attribut^=værdi], der matcher en given attribut, er et element, der starter med en værdi, her er et eksempel:
HTML-kode:
<inputnavn="nyhedsbrev" />
<inputnavn="mælkemand" />
<inputnavn="newsboy" />
jQuery-kode:
Udfald:
[ <inputnavn="nyhedsbrev" />, <inputnavn="nyhedsdreng" /> ]
6 Hent et element med en specificeret attribut og en specificeret streng i indstillingen
HTML-kode:
- <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-kode:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Selvfølgelig kan den også opnås baseret på id-attributter eller andre attributter, såsom $("input[id=id1]).css("farve",rød);
I jquery, når man bruger $("input[name='metaId']").val() kan man ikke direkte hente værdien af den valgte radio, men kun den første værdi af radiotagget, dette kan være relateret til jquery, der bruger xpath-sproget til opslag, og vi ønsker normalt at få værdien af den valgte radio; der findes flere metoder:
1. Brug $("input[name='metaId']:checked").val() til at få //name til at repræsentere navneattributnavnet i radio
2. Brug $(":radio:checked").val() for at få // Begræns siden til kun ét sæt radiotags
|
Opslået på 28/10/2015 19.30.55
|
|
|
