Hangi elemente atribuutide alusel
1. Näiteks soovid saada elemendi id-ga lehekülje p sildis
$("p[id]").css("värv","punane");
Hangi elemente atribuutide väärtuste põhjal
1.$。 jQuery's $("<span>") on see süntaks ekvivalentne väärtusega $(document.createElement("span")), mis on kasutus, mida kasutatakse elemendi valimisel: [attribute$=value], antud atribuudi sobitamine tähendab elementi, mis lõpeb mingis väärtuses. Siin on näide:
HTML-kood
Kopeeri kood Kood on järgmine:
<sisesta nimi="uudiskiri" />
<sisendi nimi="piimamees" />
<sisendi nimi="töökiri" />
jQuery kood:
- $("input[name$='letter']")
Tulemus:
[ <sisendi nimi="uudiskiri" />, <sisendi nimi="töökiri" /> ]
2.!。 Valija: [atribuut!=väärtus], vastab kõigile elementidele, mis ei sisalda kindlat atribuuti või mille atribuut ei võrdu kindla väärtusega, see valija on ekvivalentne :not([attr=value]).
Siin on mõned näited:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQuery kood:
- $("input[name!='newsletter']").attr("checked", true);
Tulemus:
[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
3.*。 Valija: [atribuut*=väärtus], antud atribuudi sobitamine on element, mis sisaldab teatud väärtusi. Siin on näide:
HTML-kood:
<sisendi nimi="mees-uudised" />
<sisendi nimi="piimamees" />
<sisendi nimi="letterman2" />
<sisendi nimi="newmilk" />
jQuery kood:
Tulemus:
[ <sisendi nimi="mees-uudised" />, <sisendi nimi="piimamees" />, <sisendi nimi="letterman2" /> ]
4.@。 Sobita elemente, mis sisaldavad antud atribuuti. Pane tähele, et jQuery 1.3-s on juhtiv @ sümbol kaotatud! Kui tahad olla ühilduv uusima versiooniga, pead lihtsalt eemaldama @ sümboli
Jah.
5.^。 Valija: [atribuut^=väärtus], antud atribuudi sobitamine on element, mis algab mingist väärtusest, siin on näide:
HTML-kood:
<sisesta nimi="uudiskiri" />
<sisendi nimi="piimamees" />
<sisendi nimi="uudistepoiss" />
jQuery kood:
Tulemus:
[ <sisesta nimi="uudiskiri" />, <sisendi nimi="uudistepoiss" /> ]
6 Hangi seades element määratud atribuudiga ja määratud stringiga
HTML-kood:
- <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 kood:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Loomulikult saab seda saada ka id-atribuutide või muude atribuutide põhjal, näiteks $("input[id=id1]").css("color",red);
jquery's, kui kasutatakse $("input[name='metaId']")).val() ei saa otseselt valitud raadio väärtust, vaid ainult raadio sildi esimest väärtust, see võib olla seotud jqueryga, kasutades xpath keelt otsinguks, ja tavaliselt soovime saada valitud raadio väärtust, on mitu meetodit:
1. Kasuta $("input[name='metaId']:checked").val(), et saada //name, mis esindab raadios nime atribuuti nime
2. Kasuta $(":radio:checked").val(), et saada // Piira lehekülg ainult ühe raadiosiltide komplektiga
|
Postitatud 28.10.2015 19:30:55
|
|
|
