Bagaimana untuk menukar objek jquery js

Apabila membangunkan aplikasi web, jQuery ialah alat yang sangat penting dan sering digunakan untuk mengendalikan operasi dan acara DOM. Dalam jQuery, kita selalunya perlu mengendalikan objek JavaScript, jadi penukaran objek adalah operasi yang sangat biasa. Dalam artikel ini kita akan belajar cara menukar objek jquery js.

1. Tukar objek js kepada objek jQuery

objek jQuery terdiri daripada objek DOM sedia ada dan objek DOM yang baru dibuat. Kita boleh menggunakan fungsi jQuery untuk menukar objek JavaScript kepada objek jQuery. Berikut ialah beberapa contoh:

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

Kod di atas menukar jsObj kepada objek jQuery jqueryObj. Kita boleh menggunakan kaedah berikut untuk mendapatkan nilai atribut objek jQuery:

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

2. Tukar objek jQuery kepada objek js

Jika kita perlu menukar objek jQuery kepada Objek JavaScript, kita boleh menggunakan kaedah jQuery object.toArray() atau kaedah jQuery object.get(). Berikut ialah beberapa contoh:

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

Kod di atas menukar jqueryObj kepada jsObj. Jika anda hanya ingin mendapatkan nilai atribut tertentu, anda boleh menggunakan kaedah berikut:

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. Tukar objek jQuery kepada objek JSON

Jika anda ingin menukar objek jQuery. kepada objek JSON, Anda boleh menggunakan fungsi JSON.stringify() yang disertakan dengan objek jQuery. Berikut ialah beberapa contoh:

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}

Kod di atas menukar objek jQuery kepada output rentetan dalam format json. Ambil perhatian bahawa jika garis bawah ("_") muncul dalam nama sifat apabila bersiri, rentetan akan mengekalkan garis bawah ("_"). Ini sah dalam objek JavaScript, tetapi tidak dalam JSON. Oleh itu, jika nama harta anda mengandungi garis bawah, anda perlu menggunakan kaedah alternatif untuk mensirikannya kepada objek JSON.

4. Tukar objek JSON kepada objek JavaScript

Jika anda ingin menukar objek JSON kepada objek JavaScript, anda boleh menggunakan fungsi JSON.parse() yang disertakan dengan objek jQuery. Berikut ialah beberapa contoh:

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

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

Kod di atas menukar rentetan format json kepada objek JavaScript dan hasil output ialah objek JavaScript. Adalah penting untuk ambil perhatian bahawa jika nama harta anda mengandungi garis bawah, anda perlu menggunakan kaedah alternatif untuk mensirikannya kepada objek JSON.

Ringkasan

Dalam pembangunan jQuery, kita selalunya perlu melakukan penukaran objek, seperti menukar objek JavaScript kepada objek jQuery, menukar objek jQuery kepada objek JavaScript, menukar objek jQuery kepada objek JSON, Tukar JSON objek ke objek JavaScript. Artikel ini memperkenalkan API jQuery yang berkaitan dan memberikan contoh untuk operasi penukaran objek ini. Semoga artikel ini bermanfaat kepada anda.

Atas ialah kandungan terperinci Bagaimana untuk menukar objek jquery js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!