Comment convertir des objets jquery js

Lors du développement d'applications Web, jQuery est un outil très important et est souvent utilisé pour gérer les opérations et les événements DOM. Dans jQuery, nous avons souvent besoin d'utiliser des objets JavaScript, la conversion d'objets est donc une opération très courante. Dans cet article, nous apprendrons comment convertir des objets jquery js.

1. Convertir les objets js en objets jQuery

Les objets jQuery sont composés d'objets DOM existants et d'objets DOM nouvellement créés. Nous pouvons utiliser les fonctions jQuery pour convertir des objets JavaScript en objets jQuery. Voici quelques exemples :

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

Le code ci-dessus convertit jsObj en objet jQuery jqueryObj. Nous pouvons utiliser les méthodes suivantes pour obtenir les valeurs d'attribut des objets jQuery :

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

2. Convertir les objets jQuery en objets js

Si nous devons convertir des objets jQuery en objets JavaScript, nous pouvons utiliser l'objet jQuery. Méthode toArray() ou méthode .get() de l'objet jQuery. Voici quelques exemples :

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

Le code ci-dessus convertit jqueryObj en jsObj. Si vous souhaitez simplement obtenir la valeur d'un certain attribut, vous pouvez utiliser la méthode suivante :

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. Convertissez l'objet jQuery en objet JSON

Si vous souhaitez convertir l'objet jQuery en objet JSON, vous pouvez utiliser JSON.stringify fourni avec la fonction jQuery object (). Voici quelques exemples :

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}

Le code ci-dessus convertit les objets jQuery en sortie de chaîne au format json. Notez que si un trait de soulignement (« _ ») apparaît dans un nom de propriété lors de la sérialisation, la chaîne conservera le trait de soulignement (« _ »). Ceci est valable dans les objets JavaScript, mais pas dans JSON. Par conséquent, si le nom de votre propriété contient des traits de soulignement, vous devrez utiliser une méthode alternative pour la sérialiser en objet JSON.

4. Convertir des objets JSON en objets JavaScript

Si vous souhaitez convertir des objets JSON en objets JavaScript, vous pouvez utiliser la fonction JSON.parse() fournie avec l'objet jQuery. Voici quelques exemples :

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

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

Le code ci-dessus convertit une chaîne au format json en un objet JavaScript et le résultat de sortie est un objet JavaScript. Il est important de noter que si le nom de votre propriété contient des traits de soulignement, vous devrez utiliser une méthode alternative pour la sérialiser en objet JSON.

Résumé

Dans le développement jQuery, nous devons souvent effectuer une conversion d'objets, comme la conversion d'objets JavaScript en objets jQuery, la conversion d'objets jQuery en objets JavaScript, la conversion d'objets jQuery en objets JSON et la conversion d'objets JSON en objets JavaScript. Cet article présente l'API jQuery pertinente et donne des exemples de ces opérations de conversion d'objets. J'espère que cet article vous sera utile.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!