Elementu iegūšana, pamatojoties uz atribūtiem
1. Piemēram, jūs vēlaties iegūt elementu ar id lapas p tagā
$("p[id]").css("krāsa","sarkans");
Elementu iegūšana, pamatojoties uz atribūtu vērtībām 1.$。 JQuery $("<span>") šī sintakse ir ekvivalenta $(document.createElement("span")), kas ir lietojums, kas tiek izmantots, izvēloties elementu: [attribute$=value], kas atbilst dotam atribūtam, ir elements, kas beidzas ar kādu vērtību. Šeit ir piemērs: HTML kods Kopēt kodu Kods ir šāds:
<ievades nosaukums="biļetens" /> <input name="milkman" /> <input name="jobletter" />
jVaicājuma kods:
- $("input[name$='letter']")
Kopēt kodu
Rezultātu: [ <input name="newsletter" />, <input name="jobletter" /> ]
2.!。 Selektors: [atribūts!=vērtība], atbilst visiem elementiem, kas nesatur norādīto atribūtu vai kuru atribūts nav vienāds ar noteiktu vērtību, šis atlasītājs ir ekvivalents :not([attr=value]). Šeit ir daži piemēri:
<input type="checkbox" name="newsletter" value="Hot Fuzz" /> <input type="checkbox" name="newsletter" value="Cold Fusion" /> <input type="checkbox" name="accept" value="Ļaunie plāni" />
jVaicājuma kods:
- $("input[name!='newsletter']").attr("checked", true);
Kopēt kodu
Rezultātu: [ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
3.*。 Selektors: [atribūts*=value], kas atbilst noteiktam atribūtam, ir elements, kas satur noteiktas vērtības. Tālāk ir sniegts piemērs. HTML kods:
<ievades nosaukums="cilvēka-ziņas" /> <input name="milkman" /> <ievades nosaukums="letterman2" /> <input name="newmilk" />
jVaicājuma kods:
Rezultātu: [ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
4.@。 Saskaņojiet elementus, kas satur noteiktu atribūtu. Ņemiet vērā, ka jQuery 1.3 vadošais @ simbols ir atcelts! Ja vēlaties būt saderīgs ar jaunāko versiju, jums vienkārši jānoņem simbols @ Jā.
5.^。 Selektors: [atribūts^=vērtība], kas atbilst dotam atribūtam, ir elements, kas sākas ar kādu vērtību, šeit ir piemērs: HTML kods:
<ievades nosaukums="biļetens" /> <input name="milkman" /> <input name="newsboy" />
jVaicājuma kods:
Rezultātu: [ <input name="newsletter" />, <input name="newsboy" /> ]
6 Iegūstiet elementu ar norādītu atribūtu un norādītu virkni iestatījumā HTML kods:
- <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>
Kopēt kodu
jVaicājuma kods:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Kopēt kodu
Protams, to var iegūt arī, pamatojoties uz id atribūtiem vai citiem atribūtiem, piemēram, $("input[id=id1]").css("krāsa",sarkans); Jquery, izmantojot $("input[name='metaId']").val() nevar tieši iegūt izvēlētā radio vērtību, bet tikai radio taga pirmo vērtību, tas var būt saistīts ar jquery, izmantojot xpath valodu meklēšanai, un mēs parasti vēlamies iegūt izvēlētā radio vērtību, ir vairākas metodes: 1. Izmantojiet $("input[name='metaId']:checked").val(), lai iegūtu //name, lai radio attēlotu nosaukuma atribūta nosaukumu 2. Izmantojiet $(":radio:checked").val(), lai iegūtu // Ierobežot lapu tikai ar vienu radio tagu kopu
|