Heim > Web-Frontend > js-Tutorial > So geben Sie HTML-Code mit JQuery aus

So geben Sie HTML-Code mit JQuery aus

coldplay.xixi
Freigeben: 2020-11-17 15:07:29
Original
3243 Leute haben es durchsucht

Wie jquery HTML-Code ausgibt: 1. Label-Elemente direkt ausgeben, der Code ist [var form1 = "

"] 2. Label-Elemente mit Variablen ausgeben, The Code ist [var Land =....].

So geben Sie HTML-Code mit JQuery aus

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>";
Nach dem Login kopieren

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;;
Nach dem Login kopieren

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>`
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage