Wie wende ich den jQuery-Selektor [Attribut*=Wert] an?-js-Tutorial-php.cn

Wie wende ich den jQuery-Selektor [Attribut*=Wert] an?

黄舟

Freigeben： 2017-06-23 13:39:26

Original

1282 Leute haben es durchsucht

Rückgabewert:Array[attribute$=value]

Übersicht

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

Parameter

AttributStringV1.0

Attributname

Wert StringV1

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 mit „Buchstabe“ endet

HTML-Code:

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

Nach dem Login kopieren

jQuery Code:

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

Nach dem Login kopieren

Ergebnis:

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

Nach dem Login kopieren

Der Code lautet wie folgt:

$("[attribute*=value]")

Nach dem Login kopieren

Parameterliste:

Wie wende ich den jQuery-Selektor [Attribut*=Wert] an?

Beispielcode:

Beispiel 1:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.bitsCN.com/" />
<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 den ID-Attributwert mit The hinzufügen Die Textfarbe im li-Element von „ir“ ist auf Blau gesetzt.

Beispiel 2:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.bitsCN.com/" />
<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 vonWie wende ich den jQuery-Selektor [Attribut*=Wert] an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!