Elemente basierend auf Attributen erhalten
1. Zum Beispiel möchtest du ein Element mit id im Seiten-P-Tag erhalten
$("p[id]").css("color","rot");
Elemente basierend auf Attributwerten erhalten
1,$。 In jQuery, $("<span>"), entspricht diese Syntax $(document.createElement("span")), einer Verwendung bei der Auswahl eines Elements: [attribute$=value], das mit einem gegebenen Attribut übereinstimmt, ist ein Element, das auf einem bestimmten Wert endet. Hier ein Beispiel:
HTML-Code
Code kopieren Der Code lautet wie folgt:
<Eingabename="Newsletter" />
<Eingabename="Milchmann" />
<Eingabename="jobletter" />
jQuery-Code:
- $("input[name$='letter']")
Ergebnis:
[ <Eingabe Name="Newsletter" />, <Eingabename="Jobletter" /> ]
2.!。 Selektor: [Attribut!=Wert], entspricht allen Elementen, die kein spezifiziertes Attribut enthalten oder deren Attribut nicht einem bestimmten Wert entspricht; dieser Selektor ist äquivalent zu :not([attr=wert]).
Hier sind einige Beispiele:
<Eingabetyp="Checkbox" Name="newsletter" wert="Hot Fuzz" />
<Eingabetyp="Checkbox" Name="Newsletter" Wert="Kaltfusion" />
<Eingabetyp="Checkbox" Name="akzeptieren" Wert="Böse Pläne" />
jQuery-Code:
- $("input[name!='newsletter']").attr("checked", true);
Ergebnis:
[ <Eingabetyp="Checkbox" Name="akzeptieren" Wert="Böse Pläne" angekreuzt="wahr" /> ]
3.*。 Selektor: [Attribut*=Wert], das einem gegebenen Attribut entspricht, ist ein Element, das bestimmte Werte enthält. Hier ein Beispiel:
HTML-Code:
<Eingabename="man-news" />
<Eingabename="Milchmann" />
<Eingabename="letterman2" />
<Eingabename="newmilk" />
jQuery-Code:
Ergebnis:
[ <Eingabename="man-News" />, <Eingabename="Milchmann" />, <Eingabename="Letterman2" /> ]
4.@。 Elemente abgleichen, die ein bestimmtes Attribut enthalten. Beachte, dass in jQuery 1.3 das führende @-Symbol abgeschafft wurde! Wenn du mit der neuesten Version kompatibel sein willst, musst du einfach das @-Symbol entfernen
Ja.
5.^。 Selektor: [Attribut^=Wert], das ein gegebenes Attribut übereinstimmt, ist ein Element, das mit einem bestimmten Wert beginnt, hier ein Beispiel:
HTML-Code:
<Eingabename="Newsletter" />
<Eingabename="Milchmann" />
<Eingabename="Newsboy" />
jQuery-Code:
Ergebnis:
[ <Eingabename="Newsletter" />, <Eingabename="Newsboy" /> ]
6 Erhalten Sie ein Element mit einem bestimmten Attribut und einer bestimmten Zeichenkette in der Einstellung
HTML-Code:
- <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-Code:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Natürlich kann es auch basierend auf id-Attributen oder anderen Attributen wie $("input[id=id1]).css("color",rot) erhalten werden;
In jquery kann man bei der Verwendung von $("input[name='metaId']).val() nicht direkt den Wert des ausgewählten Radios erhalten, sondern nur den ersten Wert des Radio-Tags; dies kann mit jquery zusammenhängen, das die xpath-Sprache für die Suche verwendet, und wir wollen normalerweise den Wert des ausgewählten Radios erhalten; es gibt mehrere Methoden:
1. Verwenden Sie $("input[name='metaId']:checked").val(), um //name zu erhalten, das den Namen des Namensattributs im Funk darstellt
2. Verwenden Sie $(":radio:checked").val(), um // Beschränkt die Seite auf nur einen Satz von Radio-Tags
|
Veröffentlicht am 28.10.2015 19:30:55
|
|
|
