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

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

黄舟
黄舟Original
2017-06-23 13:45:451121Durchsuche

Rückgabewert:Array[attribute*=value]

Ü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*=&#39;man&#39;]")

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:

Detaillierte Erläuterung der 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*=&#39;ir&#39;]").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!

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