jQuery获取标签元素与JavaScript的区别

HTML

<p class="pp" id="first">1</p>
<p class="pp">2</p>
<p class="pp">3</p>
<p class="pp">4</p>

根据id获取标签元素：

var first = $("#first");//返回的是一个jQuery对象，通过first[i]能取到具体元素,这里i取0
var first = document.getElementById("first");//返回的是具体的元素

根据class获取标签元素：

var pp = $(".pp");//返回的是一个jQuery对象，通过pp[i]能取到具体元素
var pp = document.getElementsByClassName("pp");//返回的是元素列表，通过pp[i]能取到具体元素

根据标签名获取标签元素：

var p = $("p");//返回的是一个jQuery对象，通过p[i]能取到具体元素
var p = document.getElementsByTagName("p");//返回的是元素列表，通过p[i]能取到具体元素