JavaScript / jQuery DOM 选择器

jQuery vs JavaScript

Itinatag ni John Resig ang jQuery noong 2006. Ito ay nilikha upang matugunan ang hindi pagkakasama ng mga browser at simplipikahan ang mga operasyon sa HTML DOM, event handling, animation, at Ajax.

Sa loob ng mahigit na sampung taon, ang jQuery ay nananatiling pinaka-popular na JavaScript library sa mundo.

Ngunit, sa panahon ng JavaScript Version 5 (2009) at pagkatapos, karamihan sa mga jQuery utility ay maaring malutas sa pamamagitan ng ilang linya ng standard JavaScript:

Hanapin ang HTML element sa pamamagitan ng id

Bumalik sa element na may id="intro":

jQuery

var myElement = $("#id01");

亲自试一试

JavaScript

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

亲自试一试

Hanapin ang HTML element sa pamamagitan ng pangalan ng tag

Bumalik sa lahat ng <p> element:

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 和早期版本中不起作用。