JavaScript / jQuery DOM 选择器
jQuery 与 JavaScript
jQuery由 John Resig 创建于 2006 年。它旨在处理浏览器不兼容性并简化 HTML DOM 操作、事件处理、动画和 Ajax。
然而,在 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 元素
返回 class="intro" 的所有元素。
jQuery
myElements = $(".intro");
亲自试一试 »
JavaScript
myElements = document.getElementsByClassName("intro");
亲自试一试 »
通过 CSS 选择器查找 HTML 元素
返回所有 class="intro" 的 <p> 元素的列表。
jQuery
myElements = $("p.intro");
亲自试一试 »
JavaScript
myElements = document.querySelectorAll("p.intro");
亲自试一试 »