js对象如何转换jquery对象

方法1：使用jQuery()

要将JavaScript对象转换成jQuery对象，可以使用JQuery()函数。这个函数接收一个参数，可以是任何类型的数据，然后返回一个jQuery对象。这个jQuery对象包含与传入对象匹配的元素。例如，如果传入一个DOM元素，返回的jQuery对象将是这个DOM元素。

//Javascript对象
var person={
  name: "Lily",
  age: 23,
  gender: "Female"
};
//转为jQuery对象
var $person=$(person);
console.log($person);

使用jQuery()方法，将person对象转换为jQuery对象，并将结果输出到控制台。

方法2：使用$.parseJSON()

除了JQuery()方法外，还可以使用$.parseJSON()方法来把JavaScript对象转换成jQuery对象。这个jQuery对象包含与对象属性匹配的元素。

var person={
  name: "Lily",
  age: 23,
  gender: "Female"
};
var jsonPerson=JSON.stringify(person);
var $person=$($.parseJSON(jsonPerson));
console.log($person);

首先，将person对象转换成JSON格式的字符串，然后再利用$.parseJSON()方法将JSON格式的字符串转换为jQuery对象。

方法3：使用.extend()

jQuery提供了一种称为extend()的方法，可以把JavaScript对象们合并成一个jQuery对象。这个方法接收两个或多个对象作为参数，然后返回一个新对象。这个新对象是由所有传入对象的属性组合而成的。

var person={
  name: "Lily",
  age: 23,
  gender: "Female"
};
var $person=$.extend({}, person);
console.log($person);

通过将一个空对象作为第一个参数传递给extend()方法，我们可以确保将JavaScript对象$person合并到一个新的jQuery对象中。

方法4：手动构造jQuery对象

我们也可以手动创建一个jQuery对象，然后添加JavaScript对象到它的每个元素中。这可以通过调用jQuery()函数并传入包含我们的JavaScript对象的数组来实现。

var person={
  name: "Lily",
  age: 23,
  gender: "Female"
};
var $person=$([person]);
console.log($person);

将person对象转换成包含自己的数组，然后将这个数组传递给jQuery()函数，以构造一个jQuery对象。

总结

我们刚刚讨论了将JavaScript对象转换成jQuery对象的四种方法：使用jQuery()、使用$.parseJSON()、使用.extend()和手动构造。这些方法是同等有效的，但具体选择哪种方法取决于你的具体需求。