在了解jQuery选择器之前先要知道jQuery是什么；
jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程；
在程序当中$代表的是jQuery对象的引用，所以$等同于jQuery，DOM对象与jQuery对象是可以相互转换的；
DOM对象转jQUery对象：$(DOM对象);
jQuery对象转DOM对象：jQuery对象[下标]
当元素不存在时：
DOM：通过document获取的结果是null
jQuery：获取的结果为空包装集，需要通过length来判断是否存在元素，
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Jquery</title>
</head>
<body>
<div id="mydiv">Hello</div>
</body>
<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// 通过JS方式获取节点 (DOM对象)
var divDom = document.getElementById("mydiv");
console.log(divDom);
// 通过Jquery的id选择器获取节点 （Jquery包装集对象）
var divJquery = $("#mydiv");
console.log(divJquery);
console.log("============DOM对象转换成Jquer包装集对象=============");
var domToJquery = $(divDom);
console.log(domToJquery);
console.log("============Jquer包装集对象转换成DOM对象=============");
var jqueryToDom = divJquery[0];
console.log(jqueryToDom);
// 如果元素/节点不存在，dom获取到的是null，jquery获取的依然是包装集，但无长度
console.log(document.getElementById("div"));
console.log($("#div").length);
console.log($("#mydiv").length);
console.log("========================");
console.log(jQuery("#mydiv"));
</script>
</html>
3157
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
