Elementų gavimas pagal atributus
1. Pavyzdžiui, norite gauti elementą su id puslapio p žymoje
$("p[id]").css("spalva","raudona");
Elementų gavimas pagal atributų reikšmes
1.$。 "jQuery" $("<span>"), ši sintaksė yra lygiavertė $(document.createElement("span")), kuri yra vartojimas, naudojamas renkantis elementą: [attribute$=value], atitinkantis nurodytą atributą yra elementas, kuris baigiasi tam tikra reikšme. Štai pavyzdys:
HTML kodas
Kopijuoti kodą Kodas yra toks:
<įvesties pavadinimas="naujienlaiškis" />
<įvesties pavadinimas="pienininkas" />
<input name="jobletter" />
jUžklausos kodas:
- $("input[name$='letter']")
Rezultatus:
[ <input name="newsletter" />, <input name="jobletter" /> ]
2.!。 Parinkiklis: [atributas!=reikšmė], atitinka visus elementus, kuriuose nėra nurodyto atributo arba kurių atributas nėra lygus konkrečiai reikšmei, šis parinkiklis yra lygiavertis :not([attr=value]).
Štai keletas pavyzdžių:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jUžklausos kodas:
- $("input[name!='newsletter']").attr("checked", true);
Rezultatus:
[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
3.*。 Selektorius: [attribute*=value], atitinkantis tam tikrą atributą yra elementas, turintis tam tikras reikšmes. Štai pavyzdys:
HTML kodas:
<įvesties pavadinimas="žmogaus-naujienos" />
<įvesties pavadinimas="pienininkas" />
<įvesties pavadinimas="letterman2" />
<input name="newmilk" />
jUžklausos kodas:
Rezultatus:
[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
4.@。 Atitikti elementus, kuriuose yra nurodytas atributas. Atkreipkite dėmesį, kad jQuery 1.3, pirmaujantis @ simbolis buvo panaikintas! Jei norite būti suderinami su naujausia versija, tereikia tiesiog pašalinti simbolį @
Taip.
5.^。 Selektorius: [attribute^=value], atitinkantis nurodytą atributą yra elementas, prasidedantis tam tikra reikšme, čia yra pavyzdys:
HTML kodas:
<įvesties pavadinimas="naujienlaiškis" />
<įvesties pavadinimas="pienininkas" />
<input name="newsboy" />
jUžklausos kodas:
Rezultatus:
[ <input name="newsletter" />, <input name="newsboy" /> ]
6 Gaukite elementą su nurodytu atributu ir nurodyta eilute nustatyme
HTML kodas:
- <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>
jUžklausos kodas:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Žinoma, jį taip pat galima gauti pagal id atributus ar kitus atributus, tokius kaip $("input[id=id1]").css("color",red);
Jquery, naudojant $("input[name='metaId']").val() negali tiesiogiai gauti pasirinkto radijo reikšmės, o tik pirmąją radijo žymos reikšmę, tai gali būti susiję su jquery naudojant xpath kalbą paieškai, ir mes paprastai norime gauti pasirinkto radijo reikšmę, yra keli metodai:
1. Naudokite $("input[name='metaId']:checked").val(), kad gautumėte //name, kuris atspindėtų pavadinimo atributo pavadinimą radijuje
2. Naudokite $(":radio:checked").val() gauti // Apriboti puslapį tik vienu radijo žymių rinkiniu
|
Paskelbta 2015-10-28 19:30:55
|
|
|
