jQuery چیست و چه کاربردی دارد؟


نویسنده:
پنجشنبه 31 مرداد 1398
جی کوئری چیست

jQuery یک کتابخانه (Library) یا به عبارتی دیگر یک فریم ورک برای زبان جاوا اسکریپت است. هدف اصلی این کتابخانه این است که استفاده از جاوا اسکریپت را در طراحی وبسایت آسان‌تر سازد. بحث این درس از دوره‌ی نقشه راه طراحی سایت، مبحث jQuery و پاسخ به سوال jQuery چیست؟ می‌باشد.

چه چیزهایی را باید قبل از یادگیری jquery بدانم؟

قبل از شروع یادگیری جی‌کوئری، شما باید دانش‌های اولیه طراحی وب را داشته باشید. یعنی زبان‌های:

  • HTML
  • CSS
  • JavaScript


به افراد تازه‌کار پیشنهاد می‌کنیم که پیش از مطالعه این مقاله، مقالات زیر را حتما مطالعه کنند:

HTML چیست؟ آشنایی با قدم اول طراحی وبسایت
JavaScript چیست و چه کاربردی دارد؟



jQuery چیست؟

jQuery یک کتابخانه سبک وزن برای جاوا اسکریپت است. این یعنی با حجم کد کمتر نسبت به جاوا اسکریپت، بیشترین کار را انجام می‌دهد. شاید کارهایی که در جاوا اسکریپت نیاز به چندین خط کدنویسی دارد، در جی کوئری تنها در یک خط انجام شود!

jQuery چیست؟
لوگو و شعار جی‌کوئری

همچنین jQuery بسیاری از چیزهای پیچیده در JavaScript را هم ساده می‌کند، مانند AJAX و دستکاری DOM.

کتابخانه جی کوئری ویژگی‌های زیر را با خود به همراه دارد:

  • دستکاری و ایجاد تغییرات در DOM
  • دستکاری و ایجاد تغییرات در CSS
  • متد‌های رویداد (Event) برای HTML
  • ایجاد افکت‌های مختلف و انیمیشن
  • AJAX
  • و ابزارهای دیگر…


نکته بسیار مهم: تقریبا برای هرکاری، پلاگین‌هایی برای جی کوئری وجود دارد که می‌توانید از آنها استفاده کنید.


چرا جی کوئری؟

حالا که پاسخ سوال jQuery چیست را دریافتید احتمالا می‌پرسید چرا باید از آن استفاده کنیم؟ تعداد زیادی کتابخانه یا فریم ورک برای زبان جاوا اسکریپت وجود دارد، اما به نظر می‌رسد jQuery محبوب‌ترین و گسترده‌ترین کتابخانه این زبان باشد.

فریم ورک چیست؟

در سراسر دنیا بسیاری از شرکت‌های بزرگ در حوزه وب، از جی کوئری استفاده می‌کنند. مانند:

  • Google
  • Microsoft
  • IBM
  • Netflix

دلایل استفاده از jquery:

  • باعث کوتاه‌تر شدن کدها نسبت به جاوا اسکریپت می‌شود
  • به کمک node قابل استفاده در سمت سرور هستند
  • کتابخانه‌های زیادی به جی کوئری وابستگی دارند

تیم توسعه جی کوئری به خوبی با مرورگرهای مختلف آشنایی دارند و این مسئله باعث شده تا jQuery در تمام مرورگرهای بزرگ دقیقاً یکسان اجرا شود.


در ادامه با استفاده از چند مثال سعی در این داریم تا شما را با کاربردهای جی‌کوئری بیشتر آشنا کنیم.


مثال‌هایی از جی‌ کوئری؛ متدهای hide و show

در جی کوئری، می‌توانید عناصر HTML را با استفاده از متد‌های ()hide و ()show ، پنهان و آشکار سازید.


کد بالا می‌گوید هنگامی که روی عنصری با خصیصه “id=”hide کلیک شد، تمام عناصر p موجود در صفحه پنهان شوند. و هنگامی که روی عنصری با خصیصه “id=”show کلیک شد، تمام عناصر p موجود در صفحه آشکار شوند.

افکت‌های کشویی در jQuery

با استفاده از چند متد زیر در جی‌کوئری، می‌توانید روی عناصر HTML افکت‌های کشویی اعمال کنید.

  • ()slideDown
  • ()slideUp
  • ()slideToggle

کد بالا می‌گوید هرگاه روی عنصری با خصیصه “id=”flip کلیک شد، عنصری با خصیصه “id=”panel بصورت کشویی باز و بسته شود.


تا اینجا به طور مختصر با کتابخانه jQuery آشنا شدید و آموختید jquery چیست. برای شروع یادگیری این زبان می‌توانید به وبسایت رسمی آن یعنی jQuery.com مراجعه کنید. اگر این مطلب را دوست داشتید لطفا دیدگاهتان را با ما به اشتراک بگذارید.

دیدگاهتان را بنویسید

5 پاسخ به “jQuery چیست و چه کاربردی دارد؟”

  1. نرجس گفت:

    ممنون

  2. فروزان گفت:

    مرسی از توضیحات تون

  3. مهسا لطفی گفت:

    خیلی عالی بود سپاسگزارم.

  4. نودی گفت:

    عالی بود

دیدگاهتان را بنویسید