Anwendungsfälle des Selektors [attribute=value] in jQuery-js-Tutorial-php.cn

Anwendungsfälle des Selektors [attribute=value] in jQuery

黄舟

Freigeben： 2017-06-23 13:17:30

Original

1199 Leute haben es durchsucht

Übersicht

Entspricht Elementen, bei denen das angegebene Attribut einen bestimmten Wert hat

Parameter

attributeStringV1.0

Nach dem Login kopieren

Attributname

value StringV1.0

Nach dem Login kopieren

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 Namensattribut Newsletter ist

HTML-Code:

<input type="checkbox" name="newsletter" value="Hot Fuzz" /> 
<input type="checkbox" name="newsletter" value="Cold Fusion" /> 
<input type="checkbox" name="accept" value="Evil Plans" />

Nach dem Login kopieren

jQuery Code:

$("input[name=&#39;newsletter&#39;]").attr("checked", true);

Nach dem Login kopieren

Ergebnis:

[ <input type="checkbox" name="newsletter" value="Hot Fuzz" checked="true" />, 
<input type="checkbox" name="newsletter" value="Cold Fusion" checked="true" /> ]

Nach dem Login kopieren

Dieser Selektor gleicht Elemente mit dem angegebenen Attribut und Attributwert ab.

Grammatikstruktur:

$("[attribute=value]")

Nach dem Login kopieren

Beispielcode:

Beispiel 1:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>[attribute=value]选择器</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=third]").css("color","blue");
  })
})
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="second">Jquery专区</li>
</ul>
<ul>
  <li id="third">欢迎来到PHP中文网</li>
  <li>PHP中文网欢迎您</li>
</ul>
<button>点击查看效果</button>
</body>
</html>

Nach dem Login kopieren

Der obige Code kann den ID-Attributwert in festlegen li-Element zu dritter Die Textfarbe im li-Element ist auf Blau eingestellt.

Beispiel 2:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>[attribute=value]选择器</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=thi]rd]").css("color","blue");
  })
})
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="second">Jquery专区</li>
</ul>
<ul>
  <li id="thi]rd">欢迎来到PHP中文网</li>
  <li>PHP中文网欢迎您</li>
</ul>
<button>点击查看效果</button>
</body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAnwendungsfälle des Selektors [attribute=value] in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!