Anweisungen zur Verwendung des jQuery-Selektors [Attribut!=Wert]-js-Tutorial-php.cn

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

黄舟

Freigeben： 2017-06-23 13:21:19

Original

1305 Leute haben es durchsucht

Ü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

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

Nach dem Login kopieren

jQuery Code:

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

Nach dem Login kopieren

Ergebnis:

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

Nach dem Login kopieren

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]")

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!