Heim > Web-Frontend > js-Tutorial > Beispiele für die Konvertierung zwischen jQuery-Objekten und DOM-Objekten und Strings

Beispiele für die Konvertierung zwischen jQuery-Objekten und DOM-Objekten und Strings

黄舟
Freigeben: 2017-08-13 10:13:31
Original
1621 Leute haben es durchsucht

Der folgende Editor zeigt Ihnen ein Beispiel für die Konvertierung zwischen jQuery-Objekten, DOM-Objekten und Strings. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Editor und werfen wir einen Blick darauf.

String---------->jQuery-Objekt

$ (HTML-Zeichenfolge): $('

Ich bin eine kleine Blume des Mutterlandes

')

Liste zum Hinzufügen

2 , jQuery-Objekt ---------->DOM-Objekt

Indexauswahlmethode (Prinzip: jQuery ist die Array-Form von DOM): $("h2") [ 1]

Verwenden Sie die Funktion .get(index)

3. String ----------->DOM-Objekt

Schreiben Sie eine Skriptfunktion


function parseDom(nodelist) { //nodelist是html文本字符串
 var objE = document.createElement("p"); 
 objE.innerHTML = nodelist;
 return objE.childNodes;
}
Nach dem Login kopieren

Fügen Sie zuerst den 'string'--->jQuery---->DOM-Objekt ein

4. DOM-Objekt---------> String

Verwenden Sie die Funktion .html() in jQuery

$(selector).html();//Verwenden Sie den Selektor, um das DOM-Objekt auszuwählen, das Sie in einen String konvertieren möchten, und verwenden Sie dann die Funktion html() und schon sind Sie fertig

Das obige ist der detaillierte Inhalt vonBeispiele für die Konvertierung zwischen jQuery-Objekten und DOM-Objekten und Strings. 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