Pridobimo elemente na podlagi atributov
1. Na primer, želite dobiti element z id v oznaki page p
$("p[id]").css("color","red");
Pridobimo elemente na podlagi vrednosti atributov
1.$。 V jQuery, $("<span>"), je ta sintaksa ekvivalentna $(document.createElement("span")), kar je raba, ki se uporablja pri izbiri elementa: [attribute$=value], ujema se z določenim atributom element, ki se konča z neko vrednostjo. Tukaj je primer:
HTML koda
Kopiraj kodo Koda je naslednja:
<vnosno ime="novičnik" />
<vhodno ime="mlekar" />
<vnosno ime="jobletter" />
jQuery code:
- $("input[name$='letter']")
Rezultat:
[ <vnosno ime="novičnik" />, <vnosno ime="jobletter" /> ]
2.!。 Selektor: [attribute!=value], ujema vse elemente, ki ne vsebujejo določenega atributa ali katerih atribut ni enak določeni vrednosti, ta selektor je ekvivalenten :not([attr=value]).
Tukaj je nekaj primerov:
<tip vnosa="checkbox" ime="novica" vrednost="Hot Fuzz" />
<vhodni tip="checkbox" ime="novica" vrednost="Cold Fusion" />
<vrsta vnosa="checkbox" ime="sprejmi" vrednost="Zlobni načrti" />
jQuery code:
- $("input[name!='newsletter']").attr("checked", true);
Rezultat:
[ <vrsta vnosa="checkbox" ime="sprejmi" vrednost="Zlobni načrti" kljukano="resnično" /> ]
3.*。 Izbirnik: [atribut*=vrednost], ujemanje z določenim atributom je element, ki vsebuje določene vrednosti. Tukaj je primer:
HTML koda:
<vhodno ime="man-news" />
<vhodno ime="mlekar" />
<vhodno ime="letterman2" />
<vhodno ime="newmilk" />
jQuery code:
Rezultat:
[ <vhodno ime="man-news" />, <vhodno ime="milkman" />, <vhodno ime="letterman2" /> ]
4.@。 Ujemajte elemente, ki vsebujejo določen atribut. Upoštevajte, da je v jQuery 1.3 vodilni simbol @ ukinjen! Če želite biti združljivi z najnovejšo različico, preprosto odstranite simbol @
Da.
5.^。 Selektor: [attribute^=value], ujemanje z določenim atributom je element, ki se začne z neko vrednostjo, tukaj je primer:
HTML koda:
<vnosno ime="novičnik" />
<vhodno ime="mlekar" />
<vnosno ime="newsboy" />
jQuery code:
Rezultat:
[ <vhodno ime="novičnik" />, <vhodno ime="newsboy" /> ]
6 Pridobimo element z določenim atributom in določenim nizom v nastavitvah
HTML koda:
- <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");支持多条件操作
Seveda ga je mogoče pridobiti tudi na podlagi id atributov ali drugih atributov, kot so $("input[id=id1]").css("color",red);
V jqueryju, ko uporabljamo $("input[name='metaId']").val() ne moremo neposredno pridobiti vrednosti izbranega radia, temveč le prvo vrednost radijske oznake, kar je lahko povezano z jqueryjem z uporabo jezika xpath za iskanje, in običajno želimo pridobiti vrednost izbranega radia, obstaja več metod:
1. Uporabite $://input[name='metaId']:checked").val(), da //name predstavlja ime atributa v radiu
2. Uporabite $(":radio:checked").val() za pridobitev // Omejite stran na samo en nabor radijskih oznak
|
Objavljeno na 28. 10. 2015 19:30:55
|
|
|
