Hanki alkioita attribuuttien perusteella
1. Esimerkiksi haluat saada alkion, jonka id on sivun p-tagissa
$("p[id]").css("väri","punainen");
Hanki alkioita attribuuttiarvojen perusteella
1.$。 jQueryssä, $("<span>"), tämä syntaksi vastaa $(document.createElement("span")), jota käytetään valitessaan elementtiä: [attribute$=value], tietyn attribuutin vastaaminen tarkoittaa alkiota, joka päättyy johonkin arvoon. Tässä on esimerkki:
HTML-koodi
Kopiointikoodi Koodi on seuraava:
<syöte nimi="uutiskirje" />
<syöte name="maitomies" />
<syöte name="työkirje" />
jQuery-koodi:
- $("input[name$='letter']")
Tulos:
[ <syöte nimi="uutiskirje" />, <syöte nimi="työkirje" /> ]
2.!。 Valitsija: [attribuutti!=arvo], yhdistää kaikki alkiot, jotka eivät sisällä määriteltyä attribuuttia tai joiden attribuutti ei vastaa tiettyä arvoa, tämä valitsija vastaa :not([attr=value]).
Tässä muutamia esimerkkejä:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="valintaruutu" name="newsletter" value="Cold Fusion" />
<input type="valintaruutu" name="accept" value="Evil Plans" />
jQuery-koodi:
- $("input[name!='newsletter']").attr("checked", true);
Tulos:
[ <input type="valintaruutu" name="accept" value="Evil Plans" rasti="true" /> ]
3.*。 Valitsija: [attribuutti*=arvo], joka vastaa annettua attribuuttia, on elementti, joka sisältää tietyt arvot. Tässä esimerkki:
HTML-koodi:
<syöte name="man-news" />
<syöte name="maitomies" />
<syöte name="letterman2" />
<input name="newmilk" />
jQuery-koodi:
Tulos:
[ <syöte name="man-news" />, <input name="maitomies" />, <input name="letterman2" /> ]
4.@。 Yhdistä elementtejä, jotka sisältävät tietyn attribuutin. Huomaa, että jQuery 1.3:ssa johtava @-symboli on poistettu! Jos haluat olla yhteensopiva uusimman version kanssa, sinun tarvitsee vain poistaa @-symboli
Kyllä.
5.^。 Valitsija: [attribuutti^=arvo], tietyn attribuutin vastaavuus on alkio, joka alkaa jollain arvolla, tässä esimerkki:
HTML-koodi:
<syöte nimi="uutiskirje" />
<syöte name="maitomies" />
<syöte name="uutispoika" />
jQuery-koodi:
Tulos:
[ <syöte nimi="uutiskirje" />, <syöte nimi="uutispoika" /> ]
6 Hanki alkio, jolla on määritelty attribuutti ja määritelty merkkijono asetuksesta
HTML-koodi:
- <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-koodi:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Tietenkin sen voi saada myös id-attribuuttien tai muiden attribuuttien perusteella, kuten $("input[id=id1]").css("color",red);
jqueryssä, kun käytetään $("input[name='metaId']").val() ei voi suoraan saada valitun radion arvoa, vaan vain radiotunnisteen ensimmäistä arvoa, mikä voi liittyä jqueryyn, joka käyttää xpath-kielen hakua, ja yleensä haluamme saada valitun radion arvon, on olemassa useita menetelmiä:
1. Käytä $("input[name='metaId']:checked").val() saadaksesi //name edustamaan nimeä, attribuutin nimeä radiossa
2. Käytä $(":radio:checked").val() saadaksesi // Rajoita sivu vain yhteen radiotunnisteiden joukkoon
|
Julkaistu 28.10.2015 19.30.55
|
|
|
