JavaScript通过 id 来查找 HTML 元素

返回 id="intro" 的元素：
jQuery

 

var myElement = $("#id01");

 

JavaScript

 

var myElement = document.getElementById("id01");

　　

通过标签名来查找 HTML 元素
返回所有 <p> 元素：
jQuery

 

var myElements = $("p");

　　

实例

 

var myElements = document.getElementsByTagName("p");

　　

通过类名来查找 HTML 元素
返回 class="intro" 的所有元素。
jQuery

 

var myElements = $(".intro");

　　

JavaScript

 

var myElements = document.getElementsByClassName("intro");

　　

按类名查找元素在 Internet Explorer 8 和早期版本中不起作用。
通过 CSS 选择器查找 HTML 元素
返回包含 class="intro" 的所有 <p> 元素的列表。
jQuery

 

var myElements = $("p.intro");

　　

JavaScript

 

var myElements = document.querySelectorAll("p.intro");

　　

querySelectorAll() 方法在 Internet Explorer 8 和早期版本中不起作用。