Beispiel für eine JQuery-Mehrfachattributauswahl

In diesem Tutorial wird erklärt, wie mehrere Elemente in jQuery verwendet werden. Der Mehrfachattributselektor wählt mehrere Elemente innerhalb eines Formulars aus. Es entspricht allen angegebenen Attributen im Dokument und gibt an, dass mehrere Elemente gleichzeitig ausgewählt werden können. Die Mehrfachattributselektoren können verwendet werden, um auf mehrere Attribute eines Elements oder mehrmals auf dasselbe Element zu verweisen.

JQuery-Syntax für mehrere Attributselektoren

$((name=”value”)(name2=”value2”)(nameN=”valueN”))

Es enthält Name und Wert, die die auszuwählenden Elemente angeben.

Beispiel für eine JQuery-Mehrfachattributauswahl

<!doctype html>
<head>
<title>JQuery Multiple Attribute Selector</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<h2>JQuery Multiple Attribute Selector Example</h2>
<style>
input {
color:green;
width:150px;
height:30px;
background-color:orange;
box-shadow: 5px 5px 5px pink;
}
</style>
<script type="text/javascript">
   $(document).ready(function(){
     $("input(id)(name$='rld')").css("border","3px dotted blue");
   });
</script>
<body>
   <input id="myval"  name="hello world" value="This is first textbox"><br><br>
   <input id="myval1" name="world1" value="This is second textbox"><br><br>
   <input id="myval2" name="my world" value="This is third textbox">
</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.
  • $(“input(id)(name$=’rld‘)”).css(“border”,“3px dotted blue“); Zeile definiert mehrere Attributselektoren, die alle Elemente mit angegebenen Attributfiltern abgleichen.
  • Wenn wir das obige Skript ausführen, verwendet der Mehrfachattributselektor die ID- und Namensattribute des Eingabe-Tags, der alle Elemente auswählt, deren Namensattribut mit rld endet, und sie mit einem gepunkteten blauen Farbrand anzeigt.

Demo zur JQuery-Mehrfachattributauswahl

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

  • Führen Sie die JQuery Multiple Attributes Selector-Demo aus

JQuery-Mehrfachattributauswahl

Kommentar verfassen

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

Nach oben scrollen