js/jQuery对象互转(快速操作dom元素)

将JS对象转换为jQuery对象的方法是使用jQuery函数，只要将JS对象传递给jQuery函数，它就会返回数据的jQuery对象。例如，使用jQuery函数将DOM元素转换为jQuery对象：

let element = document.getElementById("myDiv");
let $element = $(element); // 将 JS 对象转换为 jQuery 对象

将jQuery对象转换为JS对象的方法，可以使用数组中的索引位置引用原始DOM或JavaScript对象。

let $element = $(".myClass");
let element = $element[0]; // 将 jQuery 对象转换为 JS 对象

当调用jQuery函数时，如果它的参数是一个字符串，那么它会创建一个新的元素并将其包装在jQuery对象中。可以在字符串中定义元素的标签名称、类名、ID等。例如，以下代码将创建一个新的div元素，并将其存储在jQuery对象中：

let $element = $("<div></div>"); // 创建一个新的div元素

在字符串中添加类名和ID：

let $element = $("<div class='myClass' id='myDiv'></div>");

使用jQuery函数来操作DOM元素可以让开发人员更加快速和方便地选择、编辑、添加、删除页面上的元素。

示例1：选中所有段落元素并改变文字颜色

$("p").css("color", "red");

示例2：选中类名为"myClass"的元素并改变背景色

$(".myClass").css("background-color", "blue");