Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Verwendung des jQuery-Selektors [Attribut*=Wert]
Rückgabewert:Array
Übersicht
Entspricht dem angegebenen Attribut Es ist ein Element, das bestimmte Werte enthält
Parameter
attributeStringV1.0
Attributname
Wert StringV1.0
Attributwert. Zitate sind in den meisten Fällen optional. Es wird jedoch verwendet, um Konflikte zu vermeiden, wenn der Attributwert „]“ enthält.
Beispiel
Beschreibung:
Alle Eingabeelemente finden, deren Name „man“ enthält
HTML-Code:
<input name="man-news" /> <input name="milkman" /> <input name="letterman2" /> <input name="newmilk" />
jQuery Code:
$("input[name*='man']")
Ergebnis:
[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
Dieser Selektor stimmt mit Elementen überein, deren gegebenes Attribut bestimmte Werte enthält.
Grammatikstruktur:
$("[attribute*=value]")
Parameterliste:
Beispielcode:
Beispiel 1:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title></title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("li[id*='ir']").css("color","blue"); }) }) </script> </head> <body> <ul> <li id="first">html专区</li> <li id="second">Jquery专区</li> </ul> <button>点击查看效果</button> </body> </html>
Der obige Code kann die Textfarbe des li-Elements mit „ir“ im id-Attributwert auf Blau setzen.
Beispiel 2:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title></title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("li[id*=[ir]").css("color","blue"); }) }) </script> </head> <body> <ul> <li id="f[irst">html专区</li> <li id="second">Jquery专区</li> </ul> <button>点击查看效果</button> </body> </html>
Aus dem obigen Code können wir ersehen, dass Anführungszeichen erforderlich sind, wenn der Code „[“ oder „]“ enthält, sonst wird ein Fehler verursacht Matching-Fehler.
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung des jQuery-Selektors [Attribut*=Wert]. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!