So geben Sie HTML-Code mit JQuery aus

Wie jquery HTML-Code ausgibt: 1. Label-Elemente direkt ausgeben, der Code ist [var form1 = "8b683619c2d0909e0e41e91e960bd2db"] 2. Label-Elemente mit Variablen ausgeben, The Code ist [var Land =....].

How JQuery Ausgänge HTML -Code:

Form 1: Direkt ausgeben. Vorlagenzeichen (aber ich nenne diese Vorlagenzeichenfolge gerne ...)

besteht darin, vor und nach ein (`) hinzuzufügen, in die Mitte zu schreiben, was Sie ausgeben möchten, ein Etikett zu schreiben, um das Etikett auszugeben, und zu schreiben n Es bedeutet Zeilenumbruch Beim Schreiben einer Variablen wird nicht der durch die Variable dargestellte Wert, sondern der Name der Variablen ausgegeben. Wenn der Wert der Variablen Land beispielsweise „China“ ist, wird nicht der Wert von China, sondern der Name der Ländervariablen ausgegeben. Wenn Sie den Wert ausgeben möchten, sehen Sie sich bitte Formular 2 an.

var form1 = "<form id=\"myform\" method=\"post\" >"
+"<input type=\"text\" name=\"uname\"  style=\"height:20px;width:100%;\" />"
+"<input type=\"password\" name=\"pwd\" style=\"height:20px;width:100%;\" />"
+"</form>";

Form 2: Tag-Elemente mit Variablen ausgeben

1. Verwenden Sie einfache Anführungszeichen

var form2  = &#39;<form id="myform" method="post" >&#39;
+&#39;<input type="text" name="uname"  style="height:20px;width:100%;" />&#39;
+&#39;<input type="password" name="pwd" style="height:20px;width:100%;" />&#39;
+&#39;</form>&#39;;

3. Verwenden Sie die Anzahl der Vorlagenzeichen in es6 (aber ich verwende gerne Vorlagenzeichenfolgen). Rufen Sie dies auf.

Geben Sie den Wert der Variablen aus, z. B. das oben erwähnte Land = „China“. Wie können wir also den Wert von China ausgeben?

Tatsächlich können Sie Platzhalter zur Darstellung verwenden

Schreiben Sie in die Mitte der Klammern den Namen der Variablen, die Sie ausgeben möchten.

 var form3 = `<form id="myform" method="post">
    <input type="text" name="uname" style="height:20px;width:100%;" />
    <input type="password" name="pwd" style="height:20px;width:100%;" />
  </form>`

Verwandte kostenlose Lernempfehlungen:

JavaScript

(Video)

Das obige ist der detaillierte Inhalt vonSo geben Sie HTML-Code mit JQuery aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!