Obținerea elementelor pe baza atributelor
1. De exemplu, vrei să obții un element cu id în eticheta page p
$("p[id]").css("culoare","roșu");
Obținerea elementelor pe baza valorilor atributelor
1.$。 În jQuery, $("<span>"), această sintaxă este echivalentă cu $(document.createElement("span")), care este o utilizare folosită la selectarea unui element: [attribute$=value], potrivirea unui atribut dat este un element care se termină cu o anumită valoare. Iată un exemplu:
Cod HTML
Copiază codul Codul este următorul:
<introducere nume="newsletter" />
<input name="milkman" />
<introducere nume="jobletter" />
Cod jQuery:
- $("input[name$='letter']")
Rezultat:
[ <introducere nume="newsletter" />, <introducere nume="jobletter" /> ]
2.!。 Selector: [atribut!=valoare], corespunde tuturor elementelor care nu conțin un atribut specificat sau al căror atribut nu este egal cu o valoare specifică, acest selector este echivalent cu :not([attr=value]).
Iată câteva exemple:
<input type="bifat" name="newsletter" value="Hot Fuzz" />
<input type="bifat" nume="newsletter" value="Cold Fusion" />
<input type="casetă de bifat" nume="accept" valoare="Planuri malefice" />
Cod jQuery:
- $("input[name!='newsletter']").attr("checked", true);
Rezultat:
[ <input type="bifat" nume="accept" valoare="Planuri malefice" bifat="adevărat" /> ]
3.*。 Selector: [atribut*=valoare], potrivirea unui atribut dat este un element care conține anumite valori. Iată un exemplu:
Cod HTML:
<introducere nume="bărbat-știri" />
<input name="milkman" />
<nume de introducere="letterman2" />
<input name="newmilk" />
Cod jQuery:
Rezultat:
[ <nume de intrare="bărbat-știri" />, <nume de intrare="lăptar" />, <nume de intrare="letterman2" /> ]
4.@。 Potrivește elementele care conțin un anumit atribut. Rețineți că în jQuery 1.3, simbolul @ de început a fost abolit! Dacă vrei să fii compatibil cu cea mai recentă versiune, trebuie doar să elimini simbolul @
Da.
5.^。 Selector: [attribute^=value], potrivirea unui atribut dat este un element care începe cu o anumită valoare, iată un exemplu:
Cod HTML:
<introducere nume="newsletter" />
<input name="milkman" />
<input name="newsboy" />
Cod jQuery:
Rezultat:
[ <input name="newsletter" />, <input name="newsboy" /> ]
6 Obține un element cu un atribut specificat și un șir specificat în setare
Cod HTML:
- <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>
Cod jQuery:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Desigur, poate fi obținută și pe baza atributelor id sau a altor atribute, cum ar fi $("input[id=id1]").css("color",red);
În jquery, când se folosește $("input[name='metaId']").val() nu poate obține direct valoarea radioului selectat, ci doar prima valoare a etichetei radio; acest lucru poate fi legat de folosirea limbajului xpath pentru căutare, iar de obicei vrem să obținem valoarea radioului selectat, există mai multe metode:
1. Folosiți $("input[name='metaId']:checked").val() pentru a face ca //name să reprezinte numele atributului nume în radio
2. Folosește $(":radio:checked").val() pentru a obține // Restricționează pagina la un singur set de etichete radio
|
Postat pe 28.10.2015 19:30:55
|
|
|
