suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der spezifischen Verwendung des jQuery-Selektors [Attribut^=Wert]

Detaillierte Erläuterung der spezifischen Verwendung des jQuery-Selektors [Attribut^=Wert]

黄舟
黄舟Original
2017-06-23 13:31:211056Durchsuche

Rückgabewert:Array[attribute^=value]

Übersicht

Entspricht dem angegebenen Attribut ist ein Element, das mit einem Wert

Parameter

attributeStringV1.0

Attributname

value StringV1.0

Attributwert beginnt. 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 mit „news“ beginnt

HTML-Code:

<input name="newsletter" /> <input name="milkman" /> <input name="newsboy" />

jQueryCode:

$("input[name^=&#39;news&#39;]")

Ergebnis:

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

Der Selektor kann Attributwerte auswählen, die mit bestimmten beginnen Werteelemente.

Grammatikstruktur:

$("[attribute^=value]")

Parameterliste:

Detaillierte Erläuterung der spezifischen Verwendung des jQuery-Selektors [Attribut^=Wert]

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^=s]").css("color","blue"); 
  })
})
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="second" title="jquery">Jquery专区</li>
</ul>
<button>点击查看效果</button>
</body>
</html>

Der obige Code kann die Textfarbe des li-Elements, dessen ID-Attributwert mit s im li-Element beginnt, 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^=[s]").css("color","blue"); 
  }); 
}); 
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="[second" title="jquery">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 spezifischen Verwendung des jQuery-Selektors [Attribut^=Wert]. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
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
Vorheriger Artikel：Anweisungen zur Verwendung des jQuery-Selektors [Attribut!=Wert]Nächster Artikel：Anweisungen zur Verwendung des jQuery-Selektors [Attribut!=Wert]

In Verbindung stehende Artikel

Mehr sehen