Beispiel für JQuery Not Selector

Dieses Tutorial erklärt die Verwendung von kein Selektor in jQuery. Der Not-Selektor wählt alle Elemente aus, die nicht mit dem angegebenen Element auf der Webseite übereinstimmen. Alle Elemente außer den angegebenen Elementen werden aus der Menge der übereinstimmenden Elemente gefiltert. Es hilft beim Filtern bestimmter Bedingungen jQuery-Selektor. Die Elemente, die nicht mit den bestimmten Kriterien übereinstimmen, werden aus der Auswahl zurückgegeben und diese Elemente werden entfernt. Es wird auch als Negationsselektor bezeichnet. Schauen wir uns das einfache Beispiel in diesem Tutorial an, das die Verwendung ohne Selektor erklärt.

JQuery-Not-Selektor-Syntax

$(“:not(selector)”)

Der Parameter „Selektor“ ist ein erforderlicher Parameter, der alle Elemente auswählt, die nicht mit dem angegebenen Element übereinstimmen.

Beispiel für JQuery Not Selector

<!doctype html>
<head>
<title>JQuery Not Selector</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<h2>JQuery Not Selector Example</h2>
<style>
   div{
      width:150px;
      height:50px;
      font-weight:bold;
      color:green;
</style>
<script type="text/javascript">
   $(document).ready(function(){
      $("#mybutton").click(function(){
        $("div:not(.myval2)").css("border","3px solid red");
      });
   });
</script>
<body>
   <div  >This is First Line</div><br>
   <div  >This is Second line</div><br>
   <div  >This is Third line</div>
   <button id="mybutton">Click to see not selected element</button>
</body>
</html>
 
  • Wie im obigen Programm gezeigt, haben wir den Code in $(document).ready verwendet, bei dem es sich um ein Ereignis handelt, das ausgelöst wird, wenn das Dokument bereit ist. Es wird ausgeführt, sobald das Seitendokumentobjektmodell für die Ausführung von JavaScript-Code bereit ist.
  • Die Zeile $(“#mybutton”).click(function()) definiert die Klickmethode, die ausgeführt wird, wenn auf ein Element geklickt wird.
  • $(“div:not(.myval2)”).css(“border“,3px solid red“); Zeile definiert keinen Selektor, der alle Elemente außer dem angegebenen Element auswählt. Die ausgewählten Elemente werden mit rotem Farbrand angezeigt.

JQuery Not Selector-Demo

Wenn Sie das obige Beispiel ausführen, erhalten Sie die folgende Ausgabe:

  • Führen Sie die JQuery Not Selector-Demo aus

Beispiel für JQuery Not Selector

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen