<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
DOM操作节点:DOM节点对象
var div1 = document.getElementById("div1");
JQ获取节点:jq节点对象
var div2 = $("div1");
DOM节点和jQuery对象不能混用对象的属性,方法如果想用,则必须转装换成对象类型
把jQuery对象转换成DOM节点
方法一:利用数组下标的形式获取
var divDom = div2[0];
方法二:使用get函数获取
var divDom = div2.get[0];
把DOM节点转换成jq节点
在dom节点变量名外部包裹上$()
var $divJQ = $(div1);
console.log($divJq);
变量名取名规则:通过jq获取的对象节点,命名jq对象一般在前面加一个$符号。而dom不需要
</script>
</head>
<body>
</body>
</html>