suchen

Heim >Web-Frontend >js-Tutorial >Anweisungen zur Verwendung des jQuery-Selektors [Attribut!=Wert]

Anweisungen zur Verwendung des jQuery-Selektors [Attribut!=Wert]

黄舟
黄舟Original
2017-06-23 13:21:191304Durchsuche

Übersicht

entspricht allen Elementen, die das angegebene Attribut nicht enthalten oder das Attribut nicht einem bestimmten Wert entspricht.

Dieser Selektor entspricht: not([attr=value])
Um Elemente mit einem bestimmten Attribut abzugleichen, die jedoch nicht einem bestimmten Wert entsprechen, verwenden Sie [attr]:not([attr=value ])

Parameter

attributeStringV1.0

Attributname

value 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 Namensattribut nicht 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" />

jQuery Code:

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

Ergebnis:

[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]

Dieser Selektor stimmt mit allen Attributen überein, die das angegebene oder nicht enthalten Das Attribut entspricht nicht einem bestimmten Wert.
Dieser Selektor entspricht: not[([attr=value]).
Um Elemente abzugleichen, die ein bestimmtes Attribut enthalten, aber nicht einem bestimmten Wert entsprechen, verwenden Sie [attr]:not([attr=value])

Syntaxstruktur:

$("[attribute!=value]")

Parameterliste:

Anweisungen zur 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;second&#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 den id-Attributwert im li-Element ändern ungleich Sekunde oder nicht vorhanden. Die Textfarbe im li-Element mit dem id-Attributwert ist auf Blau gesetzt.
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!=sec[ond]").css("color","blue"); 
  }); 
}); 
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="sec[ond">Jquery专区</li>
</ul>

<button>点击查看效果</button>
</body>
</html>

Aus dem obigen Code können wir erkennen, dass der Code „[“ oder „]“ enthalten muss Es gibt Anführungszeichen, andernfalls tritt ein Übereinstimmungsfehler auf.


Das obige ist der detaillierte Inhalt vonAnweisungen zur 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：Anwendungsfälle des Selektors [attribute=value] in jQueryNächster Artikel：Anwendungsfälle des Selektors [attribute=value] in jQuery

In Verbindung stehende Artikel

Mehr sehen