Heim Web-Frontend js-Tutorial Jede Konvertierung zwischen Jquery-Objekten und DOM-Objekten_jquery

Jede Konvertierung zwischen Jquery-Objekten und DOM-Objekten_jquery

May 16, 2016 pm 03:14 PM
转换

Was ist ein jQuery-Objekt?
---Es ist das Objekt, das durch Umschließen des DOM-Objekts durch jQuery generiert wird. Das jQuery-Objekt ist einzigartig für jQuery und kann Methoden in jQuery verwenden.
Zum Beispiel:
$("#test").html() bedeutet: Holen Sie sich den HTML-Code im Element mit ID-Test. Unter diesen ist html() eine Methode in jQuery
Dieser Code entspricht der Verwendung von DOM zum Implementieren des Codes:

document.getElementById("id").innerHTML; 
Nach dem Login kopieren

Obwohl jQuery-Objekte durch Umschließen von DOM-Objekten generiert werden, kann jQuery keine Methoden von DOM-Objekten verwenden. Ebenso können DOM-Objekte keine Methoden in jQuery verwenden, wenn sie wahllos verwendet werden. Zum Beispiel: $("#test").innerHTML, document.getElementById("id").html() und andere Schreibmethoden sind falsch.
Beachten Sie außerdem, dass das durch die Verwendung von #id als Selektor erhaltene jQuery-Objekt und das durch document.getElementById("id") erhaltene DOM-Objekt nicht gleichwertig sind. Bitte sehen Sie sich die Umrechnung zwischen den beiden unten an.
Da jQuery unterschiedlich, aber auch verwandt ist, können jQuery-Objekte und DOM-Objekte auch ineinander konvertiert werden. Bevor wir die beiden konvertieren, treffen wir zunächst eine Konvention: Wenn ein jQuery-Objekt erhalten wird, fügen wir $ vor der Variablen hinzu, wie zum Beispiel: var $variab = jQuery-Objekt, wenn ein DOM-Objekt erhalten wird, ist es dasselbe wie üblich: var variab = DOM-Objekt; diese Konvention dient nur der Vereinfachung der Erklärung und der Unterscheidung und ist in der tatsächlichen Verwendung nicht vorgeschrieben.

Bevor Sie die gegenseitige Konvertierung zwischen JQuery-Objekten und DOM-Objekten besprechen, vereinbaren Sie zunächst den Stil der Variablendefinition. Wenn Sie ein JQuery-Objekt erhalten, fügen Sie $ vor der Variablen hinzu, zum Beispiel

var $variable = jquery object; Wenn das DOM-Objekt erhalten wird, wird es wie folgt definiert:

var variable = DOM-Objekt

1. Konvertieren Sie ein JQuery-Objekt in ein DOM-Objekt:

JQuery-Objekte können keine Methoden in DOM verwenden. Wenn Sie jedoch mit den von JQuery-Objekten bereitgestellten Methoden nicht vertraut sind oder es keine Methoden gibt, die JQuery kapseln möchte, müssen Sie DOM-Objekte verwenden, nämlich [index] und get[ index].

(1) Das Jquery-Objekt ist ein Array-Objekt, und das entsprechende DOM-Objekt kann über die Methode [index] abgerufen werden.

Der JQuery-Code lautet wie folgt


<body>
  <p>my</p>
  <p>my</p>
<script src="jquery-2.1.4.min.js"></script>
<script>
  var $cr = $("p");  //jquery对象
  var cr = $cr[1];  //dom对象
  var ct = $cr.get(0)  //第二种转换为DOM对象的方式
  cr.innerHTML = "you"  //检测是否转换成功,可以用DOM方法 输出结果为第二个my改成了you
  ct.innerHTML = 'fuck'  //输出结果第一个my改成了fuck
</script>
</body>
Nach dem Login kopieren
(2).DOM-Objekt in JQuery-Objekt konvertiert:

Für ein DOM-Objekt müssen Sie das DOM-Objekt nur mit $() umschließen, und dann können Sie ein JQuery-Objekt erhalten. Die Methode ist $(DOM-Objekt).

Der JQuery-Code lautet wie folgt:


<body>
  <p>my</p>
  <p>my</p>
<script src="jquery-2.1.4.min.js"></script>
<script>
  var cr = document.getElementsByTagName("p") //DOM对象
  var $cr = $(cr);   //jquery对象
  $cr.eq(0).("fuck"); //检测是否转换成功,可以用jquery方法 输出结果为第二个my改成了fuck
  $cr.eq(1).html("you"); //输出结果为my改成you
</script>
</body>
Nach dem Login kopieren
Nach der Konvertierung können Sie JQuery-Methoden beliebig verwenden.

Mit den oben genannten Methoden können JQuery-Objekte und DOM-Objekte beliebig ineinander konvertiert werden.

Abschließend wird noch einmal betont, dass nur DOM-Objekte DOM-Methoden verwenden können, JQuery-Objekte jedoch keine Methoden in DOM verwenden können, JQuery-Objekte jedoch einen umfassenderen Satz von Tools für den Betrieb von DOM bereitstellen.

Ich hoffe, dass Ihnen allen dieser Artikel gefällt.

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Eine einfache Anleitung zur Konvertierung von USDT ERC20 in TRC20 Eine einfache Anleitung zur Konvertierung von USDT ERC20 in TRC20 Jan 18, 2024 pm 06:09 PM

Wir zeigen Ihnen Schritt für Schritt, wie Sie USDTERC20 in das TRC20-Netzwerk umwandeln. Dies liegt daran, dass viele Menschen den USDT-Stablecoin gerne vom Ethereum-Netzwerk zum Tron-Netzwerk verschieben, um Transaktionsgebühren zu sparen. Wenn Sie also Ihre ERC-20-Token in TRC-20 umwandeln möchten, wird Ihnen dieses Tutorial meiner Meinung nach hilfreich sein. Der Unterschied zwischen ERC-20 und TRC-20 ERC-20-Token und TRC-20-Token stellen Token dar, die auf dem Ethereum-Netzwerk bzw. dem Tron-Netzwerk basieren. Es gibt einige Unterschiede zwischen den beiden Netzwerken, vor allem in den folgenden Aspekten: Erstens ist das Ethereum-Netzwerk häufig mit Überlastungen und hohen Gasgebühren konfrontiert, was zu Transaktionsverzögerungen und hohen Transaktionskosten führen kann. Im Vergleich dazu ist das Tron-Netzwerk relativ weniger überlastet

Praktische Tipps zum Konvertieren von englischen Buchstaben voller Breite in halbbreite Buchstaben Praktische Tipps zum Konvertieren von englischen Buchstaben voller Breite in halbbreite Buchstaben Mar 26, 2024 am 09:54 AM

Praktische Tipps zum Umwandeln von englischen Buchstaben in voller Breite in Formen mit halber Breite. Im modernen Leben kommen wir häufig mit englischen Buchstaben in Kontakt und müssen bei der Verwendung von Computern, Mobiltelefonen und anderen Geräten häufig englische Buchstaben eingeben. Manchmal stoßen wir jedoch auf englische Buchstaben in voller Breite und müssen die Form mit halber Breite verwenden. Wie konvertiert man also englische Buchstaben in voller Breite in die Form mit halber Breite? Hier sind einige praktische Tipps für Sie. Erstens beziehen sich englische Buchstaben und Zahlen in voller Breite auf Zeichen, die in der Eingabemethode eine Position in voller Breite einnehmen, während englische Buchstaben und Zahlen in halber Breite eine Position in voller Breite einnehmen.

So konvertieren Sie AI-Dateien in das CDR-Format So konvertieren Sie AI-Dateien in das CDR-Format Feb 19, 2024 pm 04:09 PM

AI-Dateien beziehen sich auf Vektorgrafikdateien, die mit der Software Adobe Illustrator (kurz AI) erstellt wurden, während sich CDR-Dateien auf Vektorgrafikdateien beziehen, die mit der Software CorelDRAW erstellt wurden. Da diese beiden Softwareprogramme von unterschiedlichen Herstellern entwickelt werden, sind ihre Dateiformate unterschiedlich und können nicht direkt ineinander konvertiert werden. Allerdings können wir AI-Dateien mit einigen Methoden in CDR-Dateien konvertieren. Im Folgenden wird eine häufig verwendete Konvertierungsmethode vorgestellt. Schritt 1: AI-Dateien in das EPS-Format AdobeIllust exportieren

Wie konvertiert man ODT in Word in Windows 11/10? Wie konvertiert man ODT in Word in Windows 11/10? Feb 20, 2024 pm 12:21 PM

In diesem Artikel zeigen wir Ihnen, wie Sie OpenDocumentTextDocument (ODT)-Dateien in Microsoft Word (Docx, DOC usw.) konvertieren. Format. So konvertieren Sie ODT in Word in Windows 11/10. So können Sie ODT-Dokumente auf einem Windows-PC in das DOC- oder DOCX-Format konvertieren: Konvertieren Sie ODT in Word mit WordPad oder Word. Die erste Methode, die wir Ihnen zeigen werden, ist die Verwendung von WordPad oder Word MicrosoftWord zum Konvertieren von ODT in Word. Hier sind die Schritte, um dies zu erreichen: Öffnen Sie zunächst die WordPad-App über das Startmenü. Jetzt geh zu

Wie konvertiert man eine virtuelle Maschine in eine physische Maschine? Wie konvertiert man eine virtuelle Maschine in eine physische Maschine? Feb 19, 2024 am 11:40 AM

Beim Konvertieren einer virtuellen Maschine (VM) in eine physische Maschine werden eine virtuelle Instanz und die zugehörige Anwendungssoftware auf eine physische Hardwareplattform migriert. Diese Konvertierung trägt zur Optimierung der Betriebssystemleistung und der Hardware-Ressourcennutzung bei. Dieser Artikel soll einen detaillierten Einblick in die Durchführung dieser Konvertierung geben. Wie implementiert man die Migration von einer virtuellen Maschine zu einer physischen Maschine? Typischerweise wird der Konvertierungsprozess zwischen einer virtuellen Maschine und einer physischen Maschine außerhalb der virtuellen Maschine durch Software von Drittanbietern durchgeführt. Dieser Prozess besteht aus mehreren Phasen, die die Konfiguration virtueller Maschinen und die Übertragung von Ressourcen umfassen. Vorbereiten der physischen Maschine: Der erste Schritt besteht darin, sicherzustellen, dass die physische Maschine die Hardwareanforderungen für Windows erfüllt. Wir müssen die Daten auf einer physischen Maschine sichern, da der Konvertierungsprozess die vorhandenen Daten überschreibt. *Benutzername und Passwort für ein Administratorkonto mit Administratorrechten zum Erstellen von Systemabbildern. wird virtuell sein

Golang-Zeitverarbeitung: So konvertieren Sie Zeitstempel in Golang in einen String Golang-Zeitverarbeitung: So konvertieren Sie Zeitstempel in Golang in einen String Feb 24, 2024 pm 10:42 PM

Golang-Zeitkonvertierung: So konvertieren Sie einen Zeitstempel in einen String. In Golang ist die Zeitoperation eine der häufigsten Operationen. Manchmal müssen wir den Zeitstempel zur einfacheren Anzeige oder Speicherung in eine Zeichenfolge umwandeln. In diesem Artikel wird erläutert, wie Sie mit Golang Zeitstempel in Zeichenfolgen konvertieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Konvertierung von Zeitstempeln und Zeichenfolgen In Golang werden Zeitstempel normalerweise in Form von Ganzzahlen ausgedrückt, die die Anzahl der Sekunden vom 1. Januar 1970 bis zum aktuellen Zeitpunkt darstellen. Die Zeichenfolge ist

Detaillierte Erläuterung der Implementierungsmethode zur Konvertierung von PHP-Monaten in englische Monate Detaillierte Erläuterung der Implementierungsmethode zur Konvertierung von PHP-Monaten in englische Monate Mar 21, 2024 pm 06:45 PM

In diesem Artikel wird detailliert beschrieben, wie Monate in PHP in englische Monate konvertiert werden, und es werden spezifische Codebeispiele gegeben. In der PHP-Entwicklung müssen wir manchmal digitale Monate in englische Monate konvertieren, was in einigen Datumsverarbeitungs- oder Datenanzeigeszenarien sehr praktisch ist. Die Implementierungsprinzipien, spezifischen Codebeispiele und Vorsichtsmaßnahmen werden im Folgenden ausführlich erläutert. 1. Implementierungsprinzip In PHP können Sie digitale Monate mithilfe der DateTime-Klasse und der Formatmethode in englische Monate konvertieren. Datum

So konvertieren Sie QQ-Musik in das MP3-Format. Konvertieren Sie QQ-Musik auf dem Mobiltelefon in das MP3-Format So konvertieren Sie QQ-Musik in das MP3-Format. Konvertieren Sie QQ-Musik auf dem Mobiltelefon in das MP3-Format Mar 21, 2024 pm 01:21 PM

Mit QQ Music kann jeder Filme genießen und sich jeden Tag langweilen. Eine große Anzahl hochwertiger Songs steht zum Anhören zur Verfügung Wenn Sie sie das nächste Mal anhören, benötigen Sie keine Internetverbindung. Die hier heruntergeladenen Songs sind nicht im MP3-Format und können nicht auf anderen Plattformen verwendet werden. Daher gibt es keine Möglichkeit, sie erneut anzuhören Viele Freunde möchten die Songs ins MP3-Format konvertieren. Hier erklärt der Herausgeber, dass Sie Methoden bereitstellen, damit jeder sie verwenden kann! 1. Öffnen Sie QQ Music auf Ihrem Computer, klicken Sie auf die Schaltfläche [Hauptmenü] in der oberen rechten Ecke, klicken Sie auf [Audiotranskodierung], wählen Sie die Option [Song hinzufügen] und fügen Sie die Songs hinzu, die konvertiert werden müssen. 2. Nach dem Hinzufügen Um die Songs anzuzeigen, klicken Sie, um „In [mp3] konvertieren“ auszuwählen.

See all articles