Získajte prvky na základe atribútov
1. Napríklad chcete získať prvok s id v tagu page p
$("p[id]").css("color","red");
Získajte prvky na základe hodnôt atribútov
1.$。 V jQuery, $("<span>"), je táto syntax ekvivalentná s $(document.createElement("span")), čo je použitie používané pri výbere prvku: [attribute$=value], pričom zodpovedá danému atribútu prvok končiaci nejakou hodnotou. Tu je príklad:
HTML kód
Kopírovať kód Kód je nasledovný:
<vstupné meno="newsletter" />
<vstupný názov="mliekar" />
<vstupné meno="jobletter" />
jQuery kód:
- $("input[name$='letter']")
Výsledok:
[ <vstupné meno="newsletter" />, <vstupné meno="jobletter" /> ]
2.!。 Selektor: [attribute!=value], porovnáva všetky prvky, ktoré neobsahujú špecifikovaný atribút alebo ktorých atribút sa nerovná konkrétnej hodnote, tento selektor je ekvivalentný s :not([attr=value]).
Tu je niekoľko príkladov:
<typ vstupu="zaškrtávacie políčko" meno="newsletter" hodnota="Hot Fuzz" />
<input type="checkbox" meno="newsletter" hodnota="Cold Fusion" />
<typ vstupu="zaškrtávacie políčko" meno="prijať" hodnota="Zlé plány" />
jQuery kód:
- $("input[name!='newsletter']").attr("checked", true);
Výsledok:
[ <typ vstupu="zaškrtávacie políčko" meno="prijať" hodnota="Zlé plány" zaškrtnuté="pravda" /> ]
3.*。 Selektor: [atribút*=hodnota], zodpovedá danému atribútu prvok obsahujúci určité hodnoty. Tu je príklad:
HTML kód:
<vstupné meno="man-news" />
<vstupný názov="mliekar" />
<vstupné meno="letterman2" />
<vstupný názov="newmilk" />
jQuery kód:
Výsledok:
[ <vstupné meno="man-news" />, <vstupné meno="milkman" />, <vstupné meno="letterman2" /> ]
4.@。 Porovnajte prvky, ktoré obsahujú daný atribút. Všimnite si, že v jQuery 1.3 bol úvodný symbol @ zrušený! Ak chcete byť kompatibilní s najnovšou verziou, stačí jednoducho odstrániť symbol @
Áno.
5.^。 Selektor: [attribute^=value], zodpovedanie danému atribútu je prvok, ktorý začína nejakou hodnotou, tu je príklad:
HTML kód:
<vstupné meno="newsletter" />
<vstupný názov="mliekar" />
<vstupné meno="newsboy" />
jQuery kód:
Výsledok:
[ <input name="newsletter" />, <input name="newsboy" /> ]
6 Získame prvok so špecifikovaným atribútom a špecifikovaným reťazcom v nastavení
HTML kód:
- <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 kód:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Samozrejme, dá sa získať aj na základe atribútov id alebo iných atribútov, ako napríklad $("input[id=id1]").css("color",red);
V jquery, pri použití $("input[name='metaId']").val() nemôže priamo získať hodnotu vybraného rádia, ale iba prvú hodnotu rádiového tagu, čo môže súvisieť s jquery pomocou jazyka xpath na vyhľadávanie, a zvyčajne chceme získať hodnotu vybraného rádia, existuje niekoľko metód:
1. Použite ${input[name='metaId']:checked")).val() na získanie //name ako reprezentácie názvu atribútu v rádiu
2. Použite $(":radio:checked").val() na získanie // Obmedzte stránku len na jednu sadu rádiových značiek
|
Zverejnené 28. 10. 2015 19:30:55
|
|
|
