页面元素
<body>
<div></div>
<div class="class1"></div>
<div id="id1"></div>
</body>
js 获取单一元素 不同方式
//var div1 = document.getElementsByTagName("div");// 返回对象集合
var div2 = document.getElementsByTagName("div")[0];// 正确
//var div3 = document.getElementsByClassName("class1");// 返回对象集合
var div4 = document.getElementsByClassName("class1")[0];// 正确
var div5 = document.getElementById("id1");
jquery 获取单一对象
var $div1 = $("div");// 返回对象的集合
var $div2 = $("div").eq(0);// 返回jquery对象
var $div3 = $("div").get(0);// 返回dom对象
var $div4 = $(".class1");
var $div5 = $("#id1");