JQuery verfügt über ein Beispiel für eine Attributauswahl

In diesem Tutorial wird die Verwendung des Attributselektors „has“ in JQuery erläutert. Der Hat-Attribut-Selektor wählt alle Elemente aus, die über das angegebene Attribut und den angegebenen Wert verfügen. Es stellt den im Attribut genannten Wert dar. Beispiel: id=“myval“, hier ist id ein Attribut und option ein Wert. Der Has-Attributselektor definiert alle Elemente, die das ID-Attribut mit dem Wert „myval“ enthalten.

JQuery verfügt über eine Attributauswahlsyntax

$(“(attribute)”)

Es verfügt über Parameter namens „Attribut“. Dabei handelt es sich um einen erforderlichen Parameter, der das zu suchende Attribut angibt.

JQuery verfügt über ein Beispiel für eine Attributauswahl

<!doctype html>
<head>
<title>JQuery Has Attribute Selector</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<h2>JQuery Has Attribute Selector Example</h2>
<style>
   div
   {
      color:green;
   }
</style>
<script>
   $(document).ready(function(){
      $("div(id)").css("border","2px solid orchid");
   });
</script>
<body>
      <div id="one">Hello World!!!</div>
      <div>Welcome to JQuery.</div>
      <div id="three">It is JavaScript Library.</div>
      <div>It is combination of HTML, CSS and JavaScript.</div>
</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.
  • $(„div(id)“).css(„border“,“2px solid orchid“); Zeile wählt alle Elemente mit der Attribut-ID mit orchideenfarbenem Rand aus.
  • Wenn wir das obige Skript ausführen, wählt der Attributselektor „has“ alle Elemente aus, die über das angegebene Attribut verfügen. Wir haben id als Attribut mit unterschiedlichen Werten verwendet. Es wählt alle Elemente aus, die sich auf das ID-Attribut beziehen. Nur diese Elemente werden mit einem orchideenfarbenen Rand angezeigt.

JQuery verfügt über eine Demo zur Attributauswahl

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

  • Führen Sie die JQuery Has Attribute Selector-Demo aus

JQuery verfügt über ein Beispiel für eine Attributauswahl

Kommentar verfassen

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

Nach oben scrollen