Hent elementer basert på attributter
1. For eksempel vil du få et element med id i siden p-taggen
$("p[id]").css("farge","rød");
Hent elementer basert på attributtverdier
1.$。 I jQuery, $("<span>"), er denne syntaksen ekvivalent med $(document.createElement("span")), som er en bruk som brukes når man velger et element: [attribute$=value], som matcher et gitt attributt er et element som ender på en verdi. Her er et eksempel:
HTML-kode
Kopier koden Koden er som følger:
<inndatanavn="nyhetsbrev" />
<inngangsnavn="melkemann" />
<input name="jobletter" />
jQuery-kode:
- $("input[name$='letter']")
Utfall:
[ <inndatanavn="nyhetsbrev" />, <inndatanavn="jobbbrev" /> ]
2.!。 Velger: [attributt!=verdi], matcher alle elementer som ikke inneholder et spesifisert attributt, eller hvis attributt ikke tilsvarer en spesifikk verdi, denne velgeren er ekvivalent med :not([attr=value]).
Her er noen eksempler:
<inputtype="avkrysningsboks" navn="nyhetsbrev" verdi="Hot Fuzz" />
<inndatatype="avkrysningsboks" navn="nyhetsbrev" verdi="Kald fusjon" />
<inndatatype="avkrysningsboks" navn="aksepter" verdi="Onde planer" />
jQuery-kode:
- $("input[name!='newsletter']").attr("checked", true);
Utfall:
[ <inndatatype="avkrysningsboks" navn="aksepter" verdi="Onde planer" krysset av="sann" /> ]
3.*。 Velger: [attributt*=verdi], som matcher et gitt attributt er et element som inneholder visse verdier. Her er et eksempel:
HTML-kode:
<inndatanavn="man-news" />
<inngangsnavn="melkemann" />
<inndatanavn="letterman2" />
<inngangsnavn="newmilk" />
jQuery-kode:
Utfall:
[ <inngangsnavn="mann-nyheter" />, <inngangsnavn="melkemann" />, <inngangsnavn="bokstavmann2" /> ]
4.@。 Match elementer som inneholder et gitt attributt. Merk at i jQuery 1.3 er det ledende @-symbolet fjernet! Hvis du vil være kompatibel med den nyeste versjonen, trenger du bare å fjerne @-symbolet
Ja.
5.^。 Velger: [attributt^=verdi], som matcher et gitt attributt er et element som starter med en verdi, her er et eksempel:
HTML-kode:
<inndatanavn="nyhetsbrev" />
<inngangsnavn="melkemann" />
<inndatanavn="newsboy" />
jQuery-kode:
Utfall:
[ <inndatanavn="nyhetsbrev" />, <inndatanavn="avisgutt" /> ]
6 Hent et element med et spesifisert attributt og en spesifisert streng i settingen
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å oppnås basert på id-attributter eller andre attributter, som $("input[id=id1]").css("farge",rød);
I jquery, når man bruker $("input[name='metaId']).val() kan man ikke direkte hente verdien til den valgte radioen, men bare den første verdien av radiotaggen, dette kan være relatert til jquery ved bruk av xpath-språket for oppslag, og vi ønsker vanligvis å finne verdien til den valgte radioen, det finnes flere metoder:
1. Bruk $("input[name='metaId']:checked").val() for å hente //name for å representere navnattributtnavnet i radio
2. Bruk $(":radio:checked").val() for å få // Begrens siden til kun ett sett med radiotagger
|
Publisert på 28.10.2015 19:30:55
|
|
|
