JQuery

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

• JS 的 DOM 对象转换成 jQuery 对象

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

• jQuery 对象转换成 JS 对象

  /*jQuery 对象[索引];
  jQuery 对象.get(索引);*/
  
  // jQuery方式，通过id属性值获取div元素
  let jqDiv = $("#div");
  alert(jqDiv.html());
  // alert(jqDiv.innerHTML);   jQuery对象无法使用JS里面的功能
  
  // 将 jQuery对象转换为JS对象
  let js = jqDiv[0];
  alert(js.innerHTML);