JavaScript / jQuery DOM 选择器
jQuery vs JavaScript
jQuery 由 John Resig 于 2006 年创建。它的设计目的是处理浏览器兼容性问题，并简化 HTML DOM 操作、事件处理、动画和 Ajax。
十多年来，jQuery 一直是世界上最流行的 JavaScript 库。
但是，在 JavaScript 版本 5 (2009) 之后，大多数 jQuery 工具都可以用几行标准 JavaScript 代码来解决。
通过 ID 查找 HTML 元素
返回 ID 为“id01”的元素
jQuery
myElement = $("#id01");
亲自尝试 »
JavaScript
myElement = document.getElementById("id01");
亲自尝试 »
通过标签名查找 HTML 元素
返回所有 <p> 元素
jQuery
myElements = $("p");
亲自尝试 »
JavaScript
myElements = document.getElementsByTagName("p");
亲自尝试 »
通过类名查找 HTML 元素
返回所有具有类“intro”的元素。
jQuery
myElements = $(".intro");
亲自尝试 »
JavaScript
myElements = document.getElementsByClassName("intro");
亲自尝试 »
通过 CSS 选择器查找 HTML 元素
返回所有具有类“intro”的 <p> 元素列表。
jQuery
myElements = $("p.intro");
亲自尝试 »
JavaScript
myElements = document.querySelectorAll("p.intro");
亲自尝试 »
W3schools Pathfinder
Track your progress - it's free!
