کانال تلگرام

آیا در سال 2020 همچنان باید از jQuery استفاده کرد؟

تاریخ : ۲۳ بهمن ۱۳۹۸
نویسنده : حمید رضا ملکی
دسته بندی ها : کتابخانه , جاوا اسکریپت

آیا باید از جی کوئری استفاده کنیم یا این کتابخانه قدیمی شده و دیگر به صرفه نیست؟ در این مقاله میخواهیم ببینیم که در سال 2020 آیا هنوز کسی از این کتابخانه محبوب استفاده میکند یا نه، پس تا آخر مقاله همراه ما باشید. هر چه سلیقه شما به فریمورک ‌های جاوا اسکریپت نزدیک تر باشد، بهتر میدانید که جی کوئری نقش مهمی در اکوسیستم جاوااسکریپت ایفا کرده‌است. 

البته این کتابخانه در سالیان پیش بسیار محبوب‌تر بود. در حال حاضر نیاز به برخی قابلیت های جی کوئری توسط مرورگرهای مدرن برطرف شده اند(خوشبختانه!) اما این کتابخانه جاوا اسکریپت هنوز توسط بسیاری از افراد استفاده می‌شود. چرا با به وجود آمدن جی کوئری، این کتابخانه تا این اندازه دارای محبوبیت شد؟

jquery

اول از همه اینکه ، jQuery در دنیایی به پا عرصه گذاشت که برنامه های جاوا اسکریپت آنچنانی وجود نداشت. در اوایل تا اواسط سال 2000 جاوا اسکریپت به طور عمده برای نمایش تصاویر به صورت خودکار و سایر ابزارک ها که در داخل صفحه ظاهر می شدند، مانند گالری تصاویر، انتخاب تاریخ و غیره استفاده می شد. جاوا اسکریپت در آن زمان به اندازه کافی قدرتمند نبود و برای پیاده سازی برخی قابلیت ها باید ساعت ها وقت برای کد نویسی صرف میشد، خب جی کوئری این مشکل را برطرف کرد.

البته لازم به ذکر است که فریمورک جی کوئری تنها و یا اولین فریمورک جاوا اسکریپت نبود و موارد دیگری نیز وجود داشتند که بسیار محبوب بودند. مرورگرها در آن زمان مسائل زیادی در مورد همکاری با یکدیگر داشتند. مشکلات زیادی برای پیاده سازی یک قابلیت واحد در چند مرورگر به صورت یکسان وجود داشت، گاها باید برای مرورگر های مختلف کد های مختلفی نوشته میشد، جی کوئری با ایجاد یک لایه انتزاع توانست این ناسازگاری ها را حل کند.

از این به بعد با استفاده از کدهای جی کوئری دیگر لازم نبود، نگران اجرا نشدن آنها در مرورگر های مختلف میبودیم. همچنین این کتابخانه به ساده سازی کار با AJAX در زمانی که این اصطلاح بسیار محبوب بود کمک کرد، و همین امر یکی از دلایلی شد که این کتابخانه بسیار محبوب شود.

خوشبختانه امروزه ، ما مشکلات سازگاری زیادی را در مرورگرها نداریم. پرداختن به jQuery مطمئناً موضوعی پر از بحث و چالش است. برخی می گویند جی کوئری یادگاری از گذشته است، برخی هنوز هم از این کتابخانه محبوب استفاده میکنند. حتی برخی دیگر به شدت معتقدند که دیگر نباید از این کتابخانه استفاده کرد.
trends
امروزه چشم انداز های زبان جاوا اسکریپت به طرز چشمگیری تغییر کرده است. با این حال گفته میشود ، دانستن این موضوع که جی کوئری چه کاری برای شما انجام میدهد، هنوز هم بسیار اهمیت دارد.

برخی از مواردی که از کتابخانه جی کوئری استفاده میکنیم

ما به روش های زیر میتوانیم یک عنصر را در صفحه انتخاب کنیم. روشی که در جی کوئری به کار میگیریم :

$('.button')

روشی که در آن از انتخاب گر های API استفاده میشود :

document.querySelector('.button')

زمانی که بیش از یک عنصر را بخواهید انتخاب کنید :

document.querySelectorAll('.button')

منتظر ماندن برای بارگذاری عناصر DOM

در جی کوئری انتظار برای بارگذاری به شکل زیر قابل انجام است :

$(document).ready(() => {
	 //...
})

در روش DOM :

document.addEventListener("DOMContentLoaded", () => {
  //...
})

اضافه و یا حذف کلاس ها از یک عنصر

روشی که برای حذف  و اضافه کردن کلاس ها در جی کوئری استفاده میکنیم، عبارت است از :

el.addClass('big')
el.removeClass('big')
el.toggleClass('big')

در روش DOM :

el.classList.add('big')
el.classList.remove('big')
el.classList.toggle('big')

حذف یک عنصر از DOM

روشی که برای حذف کردن عناصر در جی کوئری استفاده میشود :

el.remove()

در روش DOM :

el.remove()

تغییر محتوای یک عنصر در DOM

در روش جی کوئری:

el.text('Hello')
el.html('Hello')
el.text()
el.html()

در روش DOM :

el.innerHTML = 'Hello'
el.textContent = 'Hello'
el.innerHTML
el.textContent

انتخاب عنصر والد در DOM

در روش جی کوئری:

el.parent()

در روش DOM :

el.parentNode

پاسخ به رویدادها در DOM

در روش جی کوئری:

el.on('click', (e) => { /* ... */ })

در روش DOM :

el.addEventListener('click', (e) => { /* ... */ })

فراخوانی های AJAX

در روش جی کوئری:

$.ajax({
  url: '/api.json',
  type: 'GET'
  success: (data) => {
    console.log(data)
  }
})

روش JS مدرن :

fetch('/api.json')
  .then(response => response.text())
  .then(body => console.log(body))

انیمیشن ها

انیمیشن های که قبلا با جی کوئری قابل انجام بود، اکنون با استفاده از Transitions ها یا Animations ها در CSS قابل انجام است.

اما در هر حال همچنان باید از جی کوئری استفاده کرد؟

بیایید به سؤالی که این در عنوان این مقاله مطرح شد، پاسخ دهیم. اگر شما از قبل با جی کوئری آشنا نبودید ، آیا ارزش دارد که هنوز آن را یاد بگیرید. به نظر من از جی کوئری دیگر نباید در پروژه هایی استفاده شود که مرورگر های مدرن هدف آنهاست. البته اگر پروژه شما به دلایل خاصی به این کتابخانه متکی است یا مثلا از افزونه ای استفاده میکنید که به جی کوئری وابستگی دارد، حتما باید از آن استفاده کنید.

اطلاعات مقاله


تاریخ انتشار : ۲۳ بهمن ۱۳۹۸
نویسنده : حمید رضا ملکی
برچسب ها :

جی_کوئری

اشتراک گذاری در :

مقالات پیشنهادی

مشاهده همه مقالات

دیدگاه های شما

amin bagheri

amin bagheri

۲۳ بهمن ۱۳۹۸

سلام ، واسه کسی که طراحی وب کار میکنه چه کتابخانه ای از جاوااسکریپت باید جایگزین جی کوئری کند؟

حمید رضا ملکی

حمید رضا ملکی

۲۴ بهمن ۱۳۹۸

سلام. بستگی داره. یکی از Angular استفاده میکنه.. یکی از vue و یکی دیگه react...

ثبت دیدگاه

برای ارسال دیدگاه لازم است ابتدا وارد سایت شوید