JQuery（二） -- JS对象和JQuery对象转换

目录

1.  JS 的 DOM 对象转换成 jQuery 对象  

2.  jQuery 对象转换成 JS 对象

---

jQuery 本质上虽然也是 JS，但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery 对象，而不是 JS 方式获得的 DOM 对象，二者的 API 方法不能混合使用，若想使用对方的 API，需要进行对象的转换。

1.  JS 的 DOM 对象转换成 jQuery 对象  

语法格式为：

$(JS 的 DOM 对象);

• 示例展示：

// JS方式，通过id属性值获取div元素
var jsDiv = document.getElementById("div");
alert(jsDiv.innerHTML);
//alert(jsDiv.html());  JS对象无法使用jQuery里面的功能

// 将 JS 对象转换为jQuery对象
var jqDiv = $(jsDiv);
alert(jqDiv.html());

2.  jQuery 对象转换成 JS 对象