انتخاب‌گر DOM JavaScript / jQuery

jQuery در مقابل JavaScript

jQuery توسط John Resig در سال 2006 ایجاد شد. این برنامه برای مدیریت ناهماهنگی‌های مرورگر و ساده‌سازی عملیات HTML DOM، مدیریت رویدادها، انیمیشن و Ajax طراحی شده است.

ده سال گذشته، jQuery همیشه یکی از محبوب‌ترین کتابخانه‌های JavaScript در جهان بوده است.

اما، از نسخه JavaScript 5 (2009) به بعد، بیشتر برنامه‌های jQuery می‌توانند با چند خط JavaScript استاندارد حل شوند:

برای یافتن عناصر HTML از طریق id

بازگشت عنصری با 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");

آزمایش کنید

روش‌ها در نسخه‌های 8 و قدیمی‌تر اینترنت اکسپلورر کار نمی‌کنند.

عناصر HTML را با انتخاب‌گر CSS پیدا کنید

لیستی از همه عناصر <p> با class="intro" را برمی‌گرداند.

jQuery

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

آزمایش کنید

JavaScript

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

آزمایش کنید

querySelectorAll() روش‌ها در نسخه‌های 8 و قدیمی‌تر اینترنت اکسپلورر کار نمی‌کنند.