<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title></title></head><body><ul> ???<li id="cloth">衣服</li> ???<li>裤子</li> ???<li>袜子</li> ???<li>鞋子</li></ul><script src="jquery-1.12.4.js"></script><script> ???$(function () { ??????//1。什么是DOM对象（js对象）：使用js的方式获取到的元素就是js对象（DOM对象） ???????var cloth = document.getElementById("cloth"); ???????cloth.style.backgroundColor = "pink"; ???????//2.什么是jq对象：使用jq的方式获取到的元素就是jq对象 ???????var $li = $("li"); ???????$li.text("我改了内容"); ???????//3.jq对象与js对象的区别 ???????//js对象不能调用jq对象的方法 ???????//4.jq对象与js对象的联系（jq对象其实就是js对象的一个集合，伪数组，里面存放了一大堆的js对象）（宏观上） ???????//jq对象不能调用DOM对象的方法 ???????//DOM无法调用jQuery对象的方法：因为是两个不同的对象 ???????//DOM对象调用jquery对象的方法：需要把DOM对象转换成jq对象 ???????//$(cloth).text("hehe"); DOM对象就变成了jq对象 ???????//jquery对象怎么转换成DOM对象（取出来） ???????//$li[0].style.backgroundColor = "red"; ???});</script></body></html>03 DOM对象（js对象）与jQuery对象
原文地址：https://www.cnblogs.com/cuilichao/p/9803242.html