JavaScript / jQuery DOM 选择器

jQuery vs JavaScript

jQuery 由 John Resig 于 2006 年创建。它旨在处理浏览器不兼容性并简化 HTML DOM 操作、事件处理、动画和 Ajax。

十多年来，jQuery 一直是世界上最受欢迎的 JavaScript 库。

但是，在 JavaScript Version 5（2009）之后，大多数 jQuery 实用程序都可以通过几行标准 JavaScript 来解决：

تاگو id تاجو HTML تا:

غايتا id="intro" تا:

jQuery

var myElement = $("#id01");

Ɗaya ƙarƙa

JavaScript

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

Ɗaya ƙarƙa

تاگو تاجو HTML تا:

غايتا داودا <p> تا:

jQuery

var myElements = $("p");

Ɗaya ƙarƙa

ƙaɗe

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

Ɗaya ƙarƙa

Yanar ƙarƙa ƙarƙa da ƙarƙa ɗauka class

Yanar ƙarƙa class="intro" ɗin ƙarƙa.

jQuery

var myElements = $(".intro");

Ɗaya ƙarƙa

JavaScript

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

Ɗaya ƙarƙa

Hanyar ƙarƙa a Internet Explorer 8 da ƙarƙa ƙara

Yanar ƙarƙa ƙarƙa da ƙarƙa ɗauka CSS

Yanar ƙarƙa ɗauka class="intro" ɗin ƙarƙa ɗauka <p>.

jQuery

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

Ɗaya ƙarƙa

JavaScript

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

Ɗaya ƙarƙa

querySelectorAll() Hanyar ƙarƙa a Internet Explorer 8 da ƙarƙa ƙara