انتخابگرهای DOM جی کوئری

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
JavaScript-menu.png
موارد آموزشی
فرم‌ها در جاوا اسکریپت
تعریف شیء در جاوا اسکریپت
تابع در جاوا اسکریپت
HTML DOM در جاوا اسکریپت
Browser BOM در جاوا اسکریپت
AJAX در جاوا اسکریپت
JSON در جاوا اسکریپت
جی‌کوئری در برابر جاوا اسکریپت
۱ انتخابگرهای jQuery
۲HTML jQuery
۳jQuery CSS
۴jQuery DOM
مثال های جاوا اسکریپت
مرجع جاوا اسکریپت

جی کوئری در برابر جاوا اسکریپت

جی‌کوئری در سال ۲۰۰۶ توسط جان رزایگ ساخته شد. جی‌کوئری برای مدیریت ناسازگاری‌های مرورگر و برای ساده‌تر کردن ویرایش‌های HTML DOM، کنترل رویدادها، انیمیشن‌ها و Ajax طراحی شده بود. [۱]

برای بیش از ۱۰ سال، جی‌کوئری محبوب‌ترین لایبری جاوا اسکریپت در تمام دنیا بود.

اما، از زمانی که نسخه ۵ (۲۰۰۹) جاوا اسکریپت منتشر شد، بسیاری از قابلیت‌های جی‌کوئری را می‌توانیم با چند خط کد جاوا اسکریپت در برنامه خود استفاده کنیم.

پیدا کردن عناصر HTML با استفاده از شناسه

عنصری با id برابر با "id01" را بر می‌گرداند: id="id01"

jQuery

var myElement = $("#id01");


مشاهدهٔ نتیجه

JavaScript

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


مشاهدهٔ نتیجه


پیدا کردن عناصر HTML با استفاده از نام تگ

تمامی عناصر <p> را بر می‌گرداند:

jQuery

var myElements = $("p");


مشاهدهٔ نتیجه


مثال

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


مشاهدهٔ نتیجه


پیدا کردن عناصر HTML با نام کلاس

تمامی عناصری که نام کلاس آنها برابر با کلمه "intro" است را بر می‌گرداند: class="intro" .

jQuery

var myElements = $(".intro");


مشاهدهٔ نتیجه

JavaScript

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


مشاهدهٔ نتیجه


پیدا کردن عناصر از طریق نام کلاس در مرورگر اینترنت اکسپلور ۸ و نسخه‌های قدیمی‌تر کار نمی‌کند.

پیدا کردن عناصر HTML با استفاده از انتخابگرها

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

jQuery

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


مشاهدهٔ نتیجه

JavaScript

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


مشاهدهٔ نتیجه


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


منابع آموزشی