Detaillierte Erläuterung der Verwendung des jQuery-Selektors [Attribut*=Wert]-js-Tutorial-php.cn

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

黄舟

Freigeben： 2017-06-23 13:45:45

Original

1141 Leute haben es durchsucht

Rückgabewert:Array[attribute*=value]

Übersicht

Entspricht dem angegebenen Attribut Es ist ein Element, das bestimmte Werte enthält

Parameter

attributeStringV1.0

Nach dem Login kopieren

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" />

Nach dem Login kopieren

jQuery Code:

$("input[name*=&#39;man&#39;]")

Nach dem Login kopieren

Ergebnis:

[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]

Nach dem Login kopieren

Dieser Selektor stimmt mit Elementen überein, deren gegebenes Attribut bestimmte Werte enthält.

Grammatikstruktur:

$("[attribute*=value]")

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!