Detaillierte Erläuterung des Anwendungsbeispiels für den JQuery-Tag-Selektor

In diesem Artikelbeispiel wird der spezifische Code der jQuery-Tag-Selektor-Anwendung zu Ihrer Information geteilt. Der spezifische Inhalt ist wie folgt

1. Div-Inhalte einheitlich festlegen

Sie können den Tag-Selektor verwenden, um alle Div-Elemente auszuwählen.

<!DOCTYPE html>
<html>
<Kopf>
   <Titel></Titel>
 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
 <Skript>
  Funktion setdiv()
  {
   $("div").html('Inhalt einheitlich festlegen;');
  }
 </Skript>
</Kopf>
<Text>
   <h1></h1>
 <div id="div1" style="border:1px solid #0F0;width:150px;height:50px;"></div>
  <p></p>
 <div id="div2" style="border:1px solid #0F0;width:150px;height:50px;"></div>
  <p></p>
 <div id="div3" style="border:1px solid #0F0;width:150px;height:50px;"></div>
  <p></p>
 <div id="div4" style="border:1px solid #0F0;width:150px;height:50px;"></div>
  <p></p>
 <div id="div5" style="border:1px solid #0F0;width:150px;height:50px;"></div>
  <p></p>
 <button onclick="setdiv()">Inhalt festlegen</button>
</body>
</html>

2. jQuery ruft alle Daten des Formulars ab

serialize()-Methode,
var data = $("form").serialize();

Serialisieren Sie den Formularinhalt in eine Zeichenfolge.

<!DOCTYPE html>
<html>
<Kopf>
   <title>Formular</title>
 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
 <Skript>
  Funktion getform()
  {
   var data = $("form").serialize();
   Alarm (,Formulardaten:‘ + Daten);
  }
 </Skript>
</Kopf>
<Text>
   <h1>Anmeldeformular</h1>
   <form action="" method="get">
      <p>
         <label>Benutzername:</label>
         <input type="text" name="benutzer" />
      </p>
      <p>
         <label>Passwort:</label>
         <input type="Passwort" name="Passwort" />
      </p>
      <p>
         <label>Geschlecht:</label>
         <input type="radio" name="gender" value="0" /> Männlich<input type="radio" name="gender" value="1" /> Weiblich</p>
      <p>
         <label>Liebe&nbsp;&nbsp;&nbsp;Gut:</label>
         <input type="checkbox" name="like" value="0"> Lernen Sie <input type="checkbox" name="like" value="1"> Python
         <input type="checkbox" name="like" value="2"> Schwimmen</p>
      <p>
         <label>Persönliche Vorstellung:</label>
         <textarea name='einführen'></textarea>
      </p>
      <p>
         <label>Heimatregion:</label>
         <Name auswählen="Site">
            <option value="0">Peking</option>
            <option value="1">Shanghai</option>
            <option value="2">Henan</option>
            <option value="3">Hebei</option>
            <option value="4">Shandong</option>
         </Auswählen>
      </p>
      <p>
         <Eingabetyp="Senden" Name="" Wert="Senden1">
         <Eingabetyp="Zurücksetzen" Name="" Wert="Zurücksetzen 1">
      </p>
   </form>
 <button onclick="getform()">Formular abrufen</button>
</body>
</html>

$("form"), auch ein Tag-Selektor;

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:

Einführung in die Verwendung von jQuery-Selektoren
Detaillierte Erklärung des JQuery-Selektors
jQuery implementiert einen Zeitselektor
Beispiel für die Grundlagen der Verwendung eines jQuery-Selektors
Analyse der häufig verwendeten Auswahlfunktionen und Anwendungsbeispiele von JQuery
Detaillierte Erklärung zur Verwendung des jQuery-Formularselektors
Analyse von Verwendungsbeispielen für jQuery-Attributselektoren
Detaillierte Erläuterung des jQuery-Selektorattribut-Filterselektors
Detaillierte Erläuterung des jQuery-Selektor-Formularelement-Selektors
Detaillierte Erklärung der Verwendung des JQuery-Selektors

<<: Grundlegende Operationen von MySQL-Datentabellen: Operationen in der Tabellenstruktur, Beispielanalyse von Feldoperationen

>>: Detailliertes Tutorial zum Erstellen eines Gitlab-Servers auf CentOS8.1