<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
<li id="cloth">衣服</li>
<li>裤子</li>
<li>裤衩</li>
<li>袜子</li>
</ul>
<script src="jquery-3.2.1.js"></script>
<script>
$(function () {
//1.什么是DOM对象
var cloth = document.getElementById("cloth");
cloth.style.backgroundColor = "pink";
//2.什么是jq对象:使用jq的方式获取到元素就是jq对象
var $li = $("li");
//$li.text("wogaileneirong")
});
//DOM对象转换jQuery对象
$(cloth).text("呵呵");
//jQuery对象转换DOM对象(取出来)
var $li = $("li");
$li[1].style.backgroundColor = "red";
//1.什么是DOM对象:用js的方式获取到的对象时DOM对象
//2.jQuery对象:用jq的方式获取到的对象时jq对象
//3.区别与联系
//4.区别:js对象yujq对象的方法不能混着用
//5.联系:
//DOM-->jQuery $();
//jQuery--> DOM $li[0] 或者 li.get(0)
</script>
</body>
</html>