Zusammenfassung des jQuery-Wildcard-Selektors [id^='code'] oder [name^='code'].

Ich bin in diesen beiden Tagen bei der Bearbeitung eines speziellen Themas auf ein Platzhalterzeichen gestoßen Ich hoffe, es kann jedem helfen.

//弹层操作
$(function(){
 //视频播放
 $("a[href^='#video']").each(function(index, element) {
 $(this).click(function(){
 $(".popp,#videoBox1").show();
 });
 });
 //图片
 $(".imgs a:not([href^='#video'])").each(function(){
 $(this).children("img").click(function(){
 var src=$(this).attr("attr");
 //alert(src);
 $("#picBox img").attr("src","images/" + src);
 $(".popp,#picBox").show();
 $("#picBox img").animate({opacity:'1'},500)
 });
 });
 $(".close").click(function(){
 $(".popp,.popBox").hide();
 $(".box").css("margin","0 0 0 100%");
 $("#picBox img").css({opacity:'0'},1000)
 });
 })

Problem gelöst! Wenn Sie ein solches Problem haben, können Sie sich auf die folgende detaillierte Verwendung beziehen:

1. Selektor

(1) Platzhalter :

$("input[id^='code']");//id属性以code开始的所有input标签
$("input[id$='code']");//id属性以code结束的所有input标签
$("input[id*='code']");//id属性包含code的所有input标签
$("input[name^='code']");//name属性以code开始的所有input标签
$("input[name$='code']");//name属性以code结束的所有input标签
$("input[name*='code']");//name属性包含code的所有input标签
$("input[name*='code']").each(fuction(){
  var sum=0;
if($(this).val()!=""){
 sum=parseInt(sum)+parseInt($(this).val());
}
$("#").text(sum);
})

(2) Auswahl nach Index

$("tbody tr:even") ; //Alle tr-Tags mit geraden Indizes auswählen
$("tbody tr:odd"); //Alle tr-Tags mit ungeraden Indizes auswählen

(3) Holen Sie sich die Eingabe des Knotens der nächsten Ebene von jqueryObj Nummer

jqueryObj.children("input").length;

(4) Holen Sie sich alle Beschriftungen

unter die untergeordneten Knoten der Beschriftung mit der Klasse main

$(".main > a");

(5) Wählen Sie die Beschriftung direkt neben

jqueryObj.next("p");//获取jqueryObj标签的后面紧邻的一个p，nextAll获取所有

2. Filter

//not
$("#code input:not([id^='code'])");//id为code标签内不包含id以code开始的所有input标签

3. Ereignisse

//处理文本框上的键盘操作
jqueryObj.keyup(function(event){
var keyCode = event.which;//获取当前按下键盘的键值，回车键为13
}

4. Werkzeugfunktionen

$('#someField').val($.trim($('#someField').val()));//消除空格，语法：$.trim(value)

ps: Zusammenfassung der jQuery-Selektoren

Die Selektoren von jQuery sind äußerst leistungsfähig. Hier finden Sie eine kurze Zusammenfassung häufig verwendeter Elementsuchmethoden

$("#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") Alle p-Tag-Elemente auswählen, p-Element-Array zurückgeben

$(".myClass") Alle Elemente mithilfe von CSS der myClass-Klasse auswählen

$("*") Dokument auswählen Alle Elemente in können mit verschiedenen Auswahlmethoden gemeinsam ausgewählt werden: zum Beispiel $("#myELement,p,.myclass")

Kaskadierender Selektor: $ („Formulareingabe“) Wählen Sie das Eingabeelement in allen Formularelementen aus.

$ („#main & gt; *“) Wählen Sie alle aus Unterelemente des ID-Werts

$("label + input") Wählt den nächsten Eingabeelementknoten aller Etikettenelemente aus. Nach dem Test gibt der Selektor alle Eingabeetikettenelemente zurück, denen direkt ein Eingabeetikett
folgt $("#prev ~ p ") Geschwisterselektor, dieser Selektor gibt alle p-Tags zurück, die zum selben übergeordneten Element des Tag-Elements mit der ID prev gehören

Grundlegender Filterselektor: $("tr:first")                                                                  kann das erste aller tr-Elemente auswählen >$("tr:last")                                     kann das letzte aller tr-Elemente auswählen

$("input: not(:checked) + span")

Ausfiltern: alle Eingabeelemente des geprüften Selektors

$( "tr:even") Wählen Sie das 0., 2., 4. ... Element aller tr-Elemente aus (Hinweis: Da es sich bei den ausgewählten Elementen um Arrays handelt, beginnt die Seriennummer bei 0)
$("tr:odd " ) Wählen Sie das erste, 3, 5 ... ... ein Element

$ (" td: EQ (2) ") Wählen Sie das TD-Element mit der Seriennummer 2 in allen TD-Elementen

$("td :gt(4)") Wählen Sie alle td-Elemente mit Seriennummern größer als 4 in td-Elementen
$(":header")
$("p:animated")


aus
Inhaltsfilterauswahl:

$("p:contains('John')") Wählt alle Elemente aus, die John-Text in p enthalten.
$("td:empty") Wählt alle TDS aus, die leer sind (ohne Textknoten). Array von Elementen
$("p:has(p)") Wählen Sie alle p-Elemente aus, die p-Tags enthalten.
$("td:parent") Wählen Sie alle Arrays von Elementen mit td als übergeordnetem Knoten aus

Visuelle Filterauswahl:

$("p:hidden") Alle ausgeblendeten p-Elemente auswählen
$( "p:visible") Alle auswählen visuelle p-Elemente

Attributfilterauswahl:

$("p[id]" )                                                                                 kann alle p-Elemente mit dem ID-Attribut $("input[name='newsletter']")                              kann ausgewählt werden. ']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut nicht gleich 'newsletter' ist
$("input[name^= 'news']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut mit 'news'
beginnt. $("input[name$='news']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut mit 'news'
endet $("input[name*='man']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut enthält Das Eingabeelement von 'news'
$("input[id][name$='man']") kann Verwenden Sie mehrere Attribute für die gemeinsame Auswahl. Dieser Selektor ruft alle ID-Attribute ab und die Attribute beginnen mit man Endelement

Filterselektor für untergeordnete Elemente: $("ul li:nth-child(2)"),$( "ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")

$("p span:first-child")                                                                                                                                                Rückgabe Ein Array von untergeordneten Knoten

$("p span:last-child") Gibt ein Array des letzten Knotens aller p-Elemente zurück
$("p button :only-child") Gibt alle p-Elemente zurück. Array aller untergeordneten Knoten mit nur einem untergeordneten Knoten

Formularelementselektor:
$(":input") Alle Formulareingabeelemente auswählen, einschließlich Eingabe, Textbereich, Auswahl und Schaltfläche

$(":text")   Passwort-Eingabeelement

$(":radio" )                                                                                                                                                                                                                                          can out Element

$(":image")                                                                                                                                                                                                                                                                can out 🎜>$(":file") Alle Dateieingabeelemente auswählen
$(":hidden") Alle Eingabeelemente mit ausgeblendetem Typ oder ausgeblendeten Feldern auswählen des Formulars



Formularelement-Filterauswahl:

$(":enabled")             选择所有的可操作的表单元素
$(":disabled")            选择所有的不可操作的表单元素
$(":checked")            选择所有的被checked的表单元素
$("select option:selected") 选择所有的select 的子元素中被selected的元素

选取一个 name 为”S_03_22″的input text框的上一个td的text值

$(”input[@ name =S_03_22]“).parent().prev().text()

名字以”S_”开始，并且不是以”_R”结尾的

$(”input[@ name ^='S_']“).not(”[@ name $='_R']“)

一个名为 radio_01的radio所选的值

$(”input[@ name =radio_01][@checked]“).val();

$("A B") 查找A元素下面的所有子节点，包括非直接子节点
$("A>B") 查找A元素下面的直接子节点
$("A+B") 查找A元素后面的兄弟节点，包括非直接子节点
$("A~B") 查找A元素后面的兄弟节点，不包括非直接子节点

1. $("A B") 查找A元素下面的所有子节点，包括非直接子节点

例子：找到表单中所有的 input 元素

HTML 代码: 

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
   <label>Newsletter:</label>
   <input name="newsletter" />
</fieldset>
</form>
<input name="none" />

jQuery 代码:

$("form input")

结果:

[ <input name="name" />, <input name="newsletter" /> ]

2. $("A>B") 查找A元素下面的直接子节点

例子：匹配表单中所有的子级input元素。

HTML 代码: 

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
   <label>Newsletter:</label>
   <input name="newsletter" />
</fieldset>
</form>
<input name="none" />

jQuery 代码:

$("form > input")

结果:

[ <input name="name" /> ]

3. $("A+B") 查找A元素后面的兄弟节点，包括非直接子节点

例子：匹配所有跟在 label 后面的 input 元素

HTML 代码: 

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
   <label>Newsletter:</label>
   <input name="newsletter" />
</fieldset>
</form>
<input name="none" />

jQuery 代码:

$("label + input")

结果:

[ <input name="name" />, <input name="newsletter" /> ]

4. $("A~B") 查找A元素后面的兄弟节点，不包括非直接子节点

例子：找到所有与表单同辈的 input 元素

HTML 代码:

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
   <label>Newsletter:</label>
   <input name="newsletter" />
</fieldset>
</form>
<input name="none" />

jQuery 代码: 

$("form ~ input")

结果:

[ <input name="none" /> ]

相关推荐：

介绍有关jQuery的选择器中的通配符使用方法

jQuer选择器通配符及选择器实例用法总结

SQL中通配符、转义符与"["号的使用(downmoon)_PHP教程

Das obige ist der detaillierte Inhalt vonZusammenfassung des jQuery-Wildcard-Selektors [id^='code'] oder [name^='code'].. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!