Zusammenfassung der Jquery-Selektoren

WBOY
Freigeben: 2016-09-14 09:24:07
Original
1096 Leute haben es durchsucht
<p>Es gibt viele Arten von Selektoren in Jquery, die grob wie folgt in 9 Typen unterteilt werden können: </p> <p class="best-text mb-10">(1)Basic<br>#id <br>element <br>.class <br>* <br>selector1,selector2,selectorN <br><br>(2) Ebenenselektor: <br>Vorfahren Nachkomme <br>Eltern > Kind <br>vorherige nächste <br>vorherige ~ Geschwister <br><br>(3) Grundlegende Filterauswahl <br>:erste <br>:letzte <br>:nicht <br>:gerade <br>:odd <br>:eq <br>:gt <br>:lt <br>:header <br>:animated <br><br>(4) Inhaltsfilterauswahl <br> :enthält <br> :empty <br>:has <br>:parent <br><br>(5) Sichtbarkeitsfilterselektor <br>:hidden <br>:visible <br><br>(6 )Attributfilterselektor <br>[ Attribut] <br>[Attribut=Wert] <br>[Attribut!=Wert] <br>[Attribut^=Wert] <br>[Attribut$=Wert] <br> [Attribut*=Wert] <br>[ attrSel1][attrSel2][attrSelN] <br><br>(7) Filterselektor für untergeordnete Elemente <br>:nth-child <br>:first-child <br> :last-child <br>:only-child <br><br>(8) Formularauswahl <br>:Eingabe <br>:Text <br>:Passwort <br>:Radio <br>:Kontrollkästchen <br>:Senden <br>:Bild <br>:Zurücksetzen <br>:Schaltfläche <br>:Datei <br>:versteckt <br><br>(9) Formularfilterauswahl <br>:aktiviert <br>:deaktiviert <br>:markiert <br>:ausgewählt</p> <p>Der Selektor von jQuery ist äußerst leistungsfähig. Hier finden Sie eine kurze Zusammenfassung häufig verwendeter Elementsuchmethoden </p> <p>$("#myELement") Wählen Sie das Element aus, dessen ID-Wert gleich myElement ist. Der ID-Wert kann nicht wiederholt werden. Es kann nur einen ID-Wert myElement im Dokument geben, Sie erhalten also das einzige Element </p> <p>$("div") Wählen Sie alle div-Tag-Elemente aus und geben Sie ein Array von div-Elementen zurück </p> <p>$(".myClass") Wählen Sie alle Elemente mithilfe von CSS der myClass-Klasse </p> aus <p>$("*") Wählen Sie alle Elemente im Dokument aus. Für die gemeinsame Auswahl können Sie verschiedene Auswahlmethoden verwenden: Zum Beispiel $("#myELement,div,.myclass")</p> <p>Kaskadierungsauswahl: </p> <p>$("Formulareingabe") Wählen Sie alle Eingabeelemente in Formularelementen </p> aus <p>$("#main > *") Wählen Sie alle untergeordneten Elemente aus, deren ID-Wert main </p> ist <p>$("label input") Wählt den nächsten Eingabeelementknoten aller Etikettenelemente aus. Nach dem Test gibt der Selektor alle Eingabeetikettenelemente zurück, denen direkt eine Eingabebezeichnung </p> folgt <p>$("#prev ~ div") Geschwisterselektor, dieser Selektor gibt alle div-Tags zurück, die zum selben übergeordneten Element des Tag-Elements mit der ID prev gehören</p> <p>Grundlegende Filterauswahl: </p> <p>$("tr:first") Wählen Sie das erste </p> aller tr-Elemente aus <p>$("tr:last")                       Wählen Sie das letzte aller tr-Elemente aus </p> <p>$("input:not(:checked) span") </p> <p>Herausfiltern: alle Eingabeelemente aktivierter Selektoren</p> <p>$("tr:even") Wählen Sie das 0., 2., 4. ... Element aller tr-Elemente aus (Hinweis: Da es sich bei den ausgewählten mehreren Elementen um Arrays handelt, beginnen die Sequenznummern bei 0) </p> <p>$("tr:odd") Wählen Sie das 1., 3., 5.... Element aller tr-Elemente aus </p> <p>$("td:eq(2)") Wählen Sie unter allen td-Elementen das td-Element mit der Seriennummer 2 aus </p> <p>$("td:gt(4)") Wählen Sie alle td-Elemente mit Sequenznummern größer als 4 in den td-Elementen </p> aus <p>$("td:lt(4)")               Wählen Sie alle td-Elemente mit Sequenznummern kleiner als 4 in den td-Elementen </p> aus <p>$(":header")                                                                                                                                                                                         是的的东西了的中文是什么意思 </p>$("div:animated") Wählen Sie das Element aus, das den Animationseffekt ausführt<p> </p>Inhaltsfilterauswahl: <p> </p>$("div:contains('John')") wählt alle Elemente aus, die John-Text in divs <p> enthalten </p>$("td:empty") Wählt ein Array aller td-Elemente aus, die leer sind (ohne Textknoten) <p> </p>$("div:has(p)") Wählen Sie alle div-Elemente aus, die p-Tags enthalten <p> </p>$("td:parent") Wählen Sie alle Elementarrays mit td als übergeordnetem Knoten <p> aus </p>Visuelle Filterauswahl: <p> </p>$("div:hidden") Alle ausgeblendeten div-Elemente auswählen <p> </p>$("div:visible") Alle sichtbaren div-Elemente auswählen <p> </p>Attributfilterauswahl: <p> </p>$("div[id]") Wählen Sie alle div-Elemente aus, die das ID-Attribut <p> enthalten </p>$("input[name='newsletter']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut gleich 'newsletter' ist<p> </p>$("input[name!='newsletter']") Wählt alle Eingabeelemente aus, deren Namensattribut nicht gleich 'newsletter' ist<p> </p>$("input[name^='news']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut mit 'news' beginnt <p></p> <p>$("input[name$='news']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut mit 'news' endet </p> <p>$("input[name*='man']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut „news“ enthält</p> <p>$("input[id][name$='man']") Sie können mehrere Attribute für die gemeinsame Auswahl verwenden. Dieser Selektor ruft alle Elemente ab, die das id-Attribut enthalten, und das Attribut endet mit man</p> <p>Filterauswahl für untergeordnete Elemente: </p> <p>$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n 1)")</p> <p>$("div span:first-child") Gibt ein Array der ersten untergeordneten Knoten aller div-Elemente </p> zurück <p>$("div span:last-child") Gibt ein Array des letzten Knotens aller div-Elemente </p> zurück <p>$("div button:only-child") Gibt ein Array aller untergeordneten Knoten zurück, die in allen Divs nur einen untergeordneten Knoten haben</p> <p>Formularelementauswahl: </p> <p>$(":input") Wählen Sie alle Formulareingabeelemente aus, einschließlich Eingabe, Textbereich, Auswahl und Schaltfläche</p> <p>$(":text") Alle Texteingabeelemente auswählen </p> <p>$(":password") Alle Passworteingabeelemente auswählen </p> <p>$(":radio") Alle Radio-Eingabeelemente auswählen </p> <p>$(":checkbox") Alle Checkbox-Eingabeelemente auswählen </p> <p>$(":submit") Alle Submit-Eingabeelemente auswählen </p> <p>$(":image") Alle Bildeingabeelemente auswählen </p> <p>$(":reset") Alle Reset-Eingabeelemente auswählen </p> <p>$(":button") Alle Schaltflächeneingabeelemente auswählen </p> <p>$(":file") Alle Dateieingabeelemente auswählen </p> <p>$(":hidden") Wählen Sie alle Eingabeelemente oder ausgeblendeten Felder des Formulars aus, die vom Typ ausgeblendet sind</p> <p>Filterauswahl für Formularelemente: </p> <p>$(":enabled") Alle bedienbaren Formularelemente auswählen </p> <p>$(":disabled") Alle nicht funktionsfähigen Formularelemente auswählen </p> <p>$(":checked") Alle markierten Formularelemente auswählen </p> <p>$("select option:selected") wählt die ausgewählten Elemente unter allen ausgewählten untergeordneten Elementen aus</p> <p> </p> <p>Wählen Sie den Textwert des vorherigen td des Eingabetextfelds mit dem Namen „S_03_22“ aus </p> <p>$("input[@ name =S_03_22]").parent().prev().text()</p> <p>Name beginnt mit „S_“ und endet nicht mit „_R“ </p> <p>$("input[@ name ^='S_']").not("[@ name $='_R']")</p> <p>Der Wert, der von einem Radio namens radio_01 ausgewählt wurde</p> <p>$("input[@ name =radio_01][@checked]").val();</p> <p> </p> <p> </p> <p>$("A B") findet alle untergeordneten Knoten unter dem A-Element, einschließlich indirekter untergeordneter Knoten</p> <p>$("A>B") findet die direkten untergeordneten Knoten unter dem A-Element</p> <p>$("A B") findet die Geschwisterknoten hinter dem A-Element, einschließlich indirekter untergeordneter Knoten</p> <p>$("A~B") findet die Geschwisterknoten hinter dem A-Element, mit Ausnahme indirekter untergeordneter Knoten</p> <p>1. $("A B") findet alle untergeordneten Knoten unter dem A-Element, einschließlich indirekter untergeordneter Knoten</p> <p>Beispiel: Alle Eingabeelemente im Formular finden</p> <p>HTML-Code:</p> <div class="cnblogs_Highlighter"> <div> <div id="highlighter_163283" class="syntaxhighlighter html"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> <div class="line number2 index1 alt1">2</div> <div class="line number3 index2 alt2">3</div> <div class="line number4 index3 alt1">4</div> <div class="line number5 index4 alt2">5</div> <div class="line number6 index5 alt1">6</div> <div class="line number7 index6 alt2">7</div> <div class="line number8 index7 alt1">8</div> <div class="line number9 index8 alt2">9</div> <div class="line number10 index9 alt1">10</div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div> <div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number5 index4 alt2"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code> </div> <div class="line number6 index5 alt1"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code> </div> <div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /><</code><code class="html keyword">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; font-size: medium;" size="4" face="verdana, 'courier new'"><</code><code class="html keyword">span</code> <code class="html plain">style="font-size: 14px; line-height: 21px; white-space: normal;"></code></div> <div class="line number10 index9 alt1"><code class="html plain"></</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">span</code><code class="html plain">></code></div> </div> </td> </tr> </tbody> </table> </div> </div> </div> <p>jQuery 代码:</p> <p>$("form input") </p> <p>结果:</p> <p>[ <input name="name" />, <input name="newsletter" /> ]</p> <p>2. $("A>B") 查找A元素下面的直接子节点 </p> <p>例子:匹配表单中所有的子级input元素。</p> <p>HTML 代码:</p> <div class="cnblogs_Highlighter"> <div> <div id="highlighter_935288" class="syntaxhighlighter html"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> <div class="line number2 index1 alt1">2</div> <div class="line number3 index2 alt2">3</div> <div class="line number4 index3 alt1">4</div> <div class="line number5 index4 alt2">5</div> <div class="line number6 index5 alt1">6</div> <div class="line number7 index6 alt2">7</div> <div class="line number8 index7 alt1">8</div> <div class="line number9 index8 alt2">9</div> <div class="line number10 index9 alt1">10</div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div> <div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number5 index4 alt2"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code> </div> <div class="line number6 index5 alt1"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code> </div> <div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /><</code><code class="html keyword">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; font-size: medium;" size="4" face="verdana, 'courier new'"><</code><code class="html keyword">span</code> <code class="html plain">style="font-size: 14px; line-height: 21px; white-space: normal;"></code></div> <div class="line number10 index9 alt1"><code class="html plain"></</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">span</code><code class="html plain">></code></div> </div> </td> </tr> </tbody> </table> </div> </div> </div> <p>jQuery-Code:</p> <p>$("form > input") </p> <p>Ergebnis:</p> <p>[ <input name="name" /> ]</p> <p>3. $("A B") findet die Geschwisterknoten hinter dem A-Element, einschließlich indirekter untergeordneter Knoten </p> <p>Beispiel: Alle Eingabeelemente nach der Bezeichnung abgleichen</p> <p>HTML-Code:</p> <div class="cnblogs_Highlighter"> <div> <div id="highlighter_593836" class="syntaxhighlighter html"> <table border="0" cellpacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1<table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> <div class="line number2 index1 alt1">2</div> <div class="line number3 index2 alt2">3</div> <div class="line number4 index3 alt1">4</div> <div class="line number5 index4 alt2">5</div> <div class="line number6 index5 alt1">6</div> <div class="line number7 index6 alt2">7</div> <div class="line number8 index7 alt1">8</div> <div class="line number9 index8 alt2">9</div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div> <div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number5 index4 alt2"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code> </div> <div class="line number6 index5 alt1"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code> </div> <div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /> </code></div> </div> </td> </tr> </tbody> </table> <div class="line number2 index1 alt1">2 <div class="line number3 index2 alt2">3 <div class="line number4 index3 alt1">4 <div class="line number5 index4 alt2">5 <div class="line number6 index5 alt1">6 <div class="line number7 index6 alt2">7 <div class="line number8 index7 alt1">8 <div class="line number9 index8 alt2">9 </div> </div> </div> </div> </div> </div> </div> </div> </div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"> <code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">&gt ;</code> <div class="line number2 index1 alt1"> <code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">&gt ;Name:</</code><code class="html keyword">label</code><code class="html plain">></code> <div class="line number3 index2 alt2"> <code class="html plain"><</code><code class="html keyword">Eingabe</code> <code class="html plain">Name ="name" /></code> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">&gt ;</code><🎜> <div class="Zeilennummer5 index4 alt2"><code class="html Leerzeichen"> </code><code class="html plain"><</code><code class="html keyword">label< /code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">> Code> <div class="line number6 index5 alt1"> <code class="html Leerzeichen"> </code><code class="html plain"><</code><code class="html keyword">Eingabe< /code> <code class="html plain">name="newsletter" /></code> <div class="line number7 index6 alt2"> <code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain"> ></code> <div class="line number8 index7 alt1"> <code class="html plain"></</code><code class="html keyword">form</code><code class="html plain"> ></code> <div class="line number9 index8 alt2"> <code class="html plain"><</code><code class="html keyword">Eingabe</code> <code class="html plain">Name ="keine" /> </code> </div> </div> </div> </div></code></div> </div> </div> </div> </div> </td> </tr> </tbody> </table> </div> </div> </div> <p class="best-text mb-10"> jQuery-Code:</p> <p> </p> <p>$("Label-Eingabe") </p> <p>Ergebnis:</p> <p>[ <input name="name" />, <input name="newsletter" /> ]</p> <p> </p> <p>4. $("A~B") findet die Geschwisterknoten hinter dem A-Element, ausgenommen indirekte untergeordnete Knoten </p> <p>Beispiel: Alle Eingabeelemente finden, die Geschwister des Formulars sind</p> <p>HTML-Code:</p> <div class="cnblogs_Highlighter"> <div> <div id="highlighter_463800" class="syntaxhighlighter html"> <table border="0" cellpacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1<table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> <div class="line number2 index1 alt1">2</div> <div class="line number3 index2 alt2">3</div> <div class="line number4 index3 alt1">4</div> <div class="line number5 index4 alt2">5</div> <div class="line number6 index5 alt1">6</div> <div class="line number7 index6 alt2">7</div> <div class="line number8 index7 alt1">8</div> <div class="line number9 index8 alt2">9</div> <div class="line number10 index9 alt1">10</div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div> <div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number5 index4 alt2"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code> </div> <div class="line number6 index5 alt1"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code> </div> <div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /> <</code><code class="html keyword">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; font-size: medium;" size="4" face="verdana, 'courier new'"><</code><code class="html keyword">span</code> <code class="html plain">style="font-size: 14px; line-height: 21px; white-space: normal;"></code></div> <div class="line number10 index9 alt1"><code class="html plain"></</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">span</code><code class="html plain">></code></div> </div> </td> </tr> </tbody> </table> <div class="line number2 index1 alt1">2</div> <div class="line number3 index2 alt2">3</div> <div class="line number4 index3 alt1">4</div> <div class="line number5 index4 alt2">5<p> </p> <div class="line number6 index5 alt1">6 <div class="line number7 index6 alt2">7<p> </p> <div class="line number8 index7 alt1">8 <div class="line number9 index8 alt2">9<p> </p> <div class="line number10 index9 alt1">10 </div> </div> </div> </div> </div> </div> </div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"> <code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">&gt ;</code><p> </p> <div class="line number2 index1 alt1"> <code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">&gt ;Name:</</code><code class="html keyword">label</code><code class="html plain">></code> <div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">Eingabe</code> <code class="html plain">Name ="name" /></code></div> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">&gt ;</code><div id="MySignature"> <div class="Zeilennummer5 index4 alt2"><code class="html Leerzeichen"> </code><code class="html plain"><</code><code class="html keyword">label< /code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">> Code></code></div> <div class="line number6 index5 alt1"> <code class="html Leerzeichen"> </code><code class="html plain"><</code><code class="html keyword">Eingabe< /code> <code class="html plain">name="newsletter" /></code><div class="clear"> <div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain"> ></code></div> <div class="line number8 index7 alt1"> <code class="html plain"></</code><code class="html keyword">form</code><code class="html plain"> ></code> <div class="line number9 index8 alt2"> <code class="html plain"><</code><code class="html keyword">Eingabe</code> <code class="html plain">Name ="none" /> <</code><code class="html keyword">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; Schriftgröße: mittel;" size="4" face="verdana, 'courier new'"><</code><code class="html keyword">span</code> <code class="html plain">style="font-size: 14px; line-height: 21px;"></code> <div class="line number10 index9 alt1"> <code class="html plain"></</code><code class="html keyword">span</code><code class="html plain"> ></</code><code class="html keyword">span</code><code class="html plain">></code> </div> </div> </div> </div> </div> </div> </div> </div> </td> </tr> </tbody> </table> jQuery-Code: $("form ~ input") Ergebnis: [ <input name="none" /> ] </div> </div> </div>
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage