So konvertieren Sie JQuery-JS-Objekte

Bei der Entwicklung von Webanwendungen ist jQuery ein sehr wichtiges Werkzeug und wird häufig zur Verarbeitung von DOM-Operationen und -Ereignissen verwendet. In jQuery müssen wir häufig JavaScript-Objekte bedienen, daher ist die Objektkonvertierung eine sehr häufige Operation. In diesem Artikel erfahren Sie, wie Sie JQuery-JS-Objekte konvertieren.

1. JS-Objekte in jQuery-Objekte konvertieren

jQuery-Objekte bestehen aus vorhandenen DOM-Objekten und neu erstellten DOM-Objekten. Wir können jQuery-Funktionen verwenden, um JavaScript-Objekte in jQuery-Objekte zu konvertieren. Hier sind einige Beispiele:

var jsObj = { name: 'John', age: 30 };
var jqueryObj = $(jsObj);

Der obige Code konvertiert jsObj in das jQuery-Objekt jqueryObj. Wir können die folgenden Methoden verwenden, um die Attributwerte von jQuery-Objekten abzurufen:

jqueryObj.prop('name');  // 输出 "John"
jqueryObj.prop('age');  // 输出 "30"

2. Konvertieren Sie jQuery-Objekte in js-Objekte

Wenn wir jQuery-Objekte in JavaScript-Objekte konvertieren müssen, können wir das jQuery-Objekt verwenden. toArray()-Methode oder jQuery-Objekt .get()-Methode. Hier sind einige Beispiele:

var jqueryObj = $('#element');
var jsObj = jqueryObj.toArray();
var jsObj = jqueryObj.get();

Der obige Code konvertiert jqueryObj in jsObj. Wenn Sie nur den Wert eines bestimmten Attributs erhalten möchten, können Sie die folgende Methode verwenden:

var jsObj = { name: 'John', age: 30 };
var jqueryObj = $(jsObj);

var name = jqueryObj.prop('name');
var age = jqueryObj.prop('age');

var jsObj = { name: name, age: age };
console.log(jsObj);  // 输出 { name: 'John', age: 30 }

3. Konvertieren Sie ein jQuery-Objekt in ein JSON-Objekt.

Wenn Sie ein jQuery-Objekt in ein JSON-Objekt konvertieren möchten, können Sie JSON.stringify verwenden Das kommt mit der Funktion jQuery object (). Hier sind einige Beispiele:

var jqueryObj = $('#element');

var jsonObj = JSON.stringify(jqueryObj);
console.log(jsonObj);  // 输出 {"0":{"nodeType":1,"tagName":"DIV","attributes":{"id":{"name":"id","value":"element"}},"classList":{"0":"some-class"},"style":{}},"length":1}

Der obige Code konvertiert jQuery-Objekte in eine JSON-formatierte String-Ausgabe. Beachten Sie, dass, wenn bei der Serialisierung ein Unterstrich („_“) in einem Eigenschaftsnamen erscheint, die Zeichenfolge den Unterstrich („_“) behält. Dies gilt in JavaScript-Objekten, jedoch nicht in JSON. Wenn Ihr Eigenschaftsname Unterstriche enthält, müssen Sie daher eine alternative Methode verwenden, um ihn in ein JSON-Objekt zu serialisieren.

4. Konvertieren Sie JSON-Objekte in JavaScript-Objekte

Wenn Sie JSON-Objekte in JavaScript-Objekte konvertieren möchten, können Sie die Funktion JSON.parse() verwenden, die mit dem jQuery-Objekt geliefert wird. Hier sind einige Beispiele:

var jsonObj = '{"name":"John","age":30}';
var jsObj = JSON.parse(jsonObj);

console.log(jsObj);  // 输出 { name: 'John', age: 30 }

Der obige Code konvertiert eine JSON-formatierte Zeichenfolge in ein JavaScript-Objekt und das Ausgabeergebnis ist ein JavaScript-Objekt. Es ist wichtig zu beachten, dass Sie, wenn Ihr Eigenschaftsname Unterstriche enthält, eine alternative Methode verwenden müssen, um ihn in ein JSON-Objekt zu serialisieren.

Zusammenfassung

In der jQuery-Entwicklung müssen wir häufig eine Objektkonvertierung durchführen, z. B. die Konvertierung von JavaScript-Objekten in jQuery-Objekte, die Konvertierung von jQuery-Objekten in JavaScript-Objekte, die Konvertierung von jQuery-Objekten in JSON-Objekte und die Konvertierung von JSON-Objekten in JavaScript-Objekte. In diesem Artikel wird die relevante jQuery-API vorgestellt und Beispiele für diese Objektkonvertierungsvorgänge gegeben. Ich hoffe, dieser Artikel ist hilfreich für Sie.

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie JQuery-JS-Objekte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!