Erhålla element baserade på attribut
1. Till exempel vill du få ett element med id i sidan p-taggen
$("p[id]").css("color","röd");
Erhålla element baserat på attributvärden
1.$。 I jQuery, $("<span>"), är denna syntax ekvivalent med $(document.createElement("span")), vilket är en användning som används vid val av ett element: [attribute$=värde], som matchar ett givet attribut är ett element som slutar på något värde. Här är ett exempel:
HTML-kod
Kopiera koden Koden är följande:
<inmatningsnamn="nyhetsbrev" />
<inmatningsnamn="mjölkman" />
<inmatningsnamn="jobbbrev" />
jQuery-kod:
- $("input[name$='letter']")
Utfall:
[ <inmata namn="nyhetsbrev" />, <inmatningsnamn="jobbbrev" /> ]
2.!。 Selector: [attribut!=värde], matchar alla element som inte innehåller ett specificerat attribut, eller vars attribut inte är lika med ett specifikt värde, denna selektor är ekvivalent med :not([attr=value]).
Här är några exempel:
<inmatningstyp="kryssruta" namn="nyhetsbrev" värde="Hot Fuzz" />
<inmatningstyp="kryssruta" namn="nyhetsbrev" värde="kall fusion" />
<inmatningstyp="kryssruta" namn="acceptera" värde="Onda planer" />
jQuery-kod:
- $("input[name!='newsletter']").attr("checked", true);
Utfall:
[ <inmatningstyp="kryssruta" namn="acceptera" värde="Onda planer" kryssat i="sant" /> ]
3.*。 Selector: [attribut*=värde], som matchar ett givet attribut är ett element som innehåller vissa värden. Här är ett exempel:
HTML-kod:
<inmatningsnamn="man-news" />
<inmatningsnamn="mjölkman" />
<inmatningsnamn="letterman2" />
<inmatningsnamn="newmilk" />
jQuery-kod:
Utfall:
[ <inmatningsnamn="man-news" />, <inmatningsnamn="mjölkman" />, <inmatningsnamn="letterman2" /> ]
4.@。 Matcha element som innehåller ett givet attribut. Observera att i jQuery 1.3 har den ledande @-symbolen tagits bort! Om du vill vara kompatibel med den senaste versionen behöver du bara ta bort @-symbolen
Ja.
5.^。 Selector: [attribut^=värde], som matchar ett givet attribut är ett element som börjar med ett visst värde, här är ett exempel:
HTML-kod:
<inmatningsnamn="nyhetsbrev" />
<inmatningsnamn="mjölkman" />
<inmatningsnamn="newsboy" />
jQuery-kod:
Utfall:
[ <inmatningsnamn="nyhetsbrev" />, <inmatningsnamn="nyhetspojke" /> ]
6 Erhålla ett element med ett angivet attribut och en specificerad sträng i settingen
HTML-kod:
- <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-kod:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Naturligtvis kan den också erhållas baserat på id-attribut eller andra attribut, såsom $("input[id=id1]").css("color",röd);
I jquery, när man använder $("input[name='metaId']).val() kan man inte direkt få värdet på den valda radion utan endast det första värdet av radiotaggen, detta kan vara relaterat till jquery som använder xpath-språket för uppslag, och vi vill vanligtvis få fram värdet på den valda radion, det finns flera metoder:
1. Använd $("input[name='metaId']:checked").val() för att få //name för att representera namnattributets namn i radio
2. Använd $(":radio:checked").val() för att få // Begränsa sidan till endast en uppsättning radiotaggar
|
Publicerad på 2015-10-28 19:30:55
|
|
|
