Blog

jQuery (جی کوئری) چیست و چه کاربردی دارد؟|وب سازان خزر

توسط آموزشدر ۲۱ شهریور ۱۴۰۰

معرفی زبان جی کوئری

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

jQuery چیست؟

jQuery یکی از کاربردی ترین و محبوب ترین فریمورک JavaScript می باشد. jQuery به شما این امکان را می دهد که از قابلیت های از پیش آماده شده استفاده کنید. علاوه بر آن هدایت پرونده را آسان‎ تر می سازد و به وسیله آن می توانید نرم‌ افزارهای مبتنی بر Ajax، برنامه ‌های سطح پایین مبادله ای (ارتباط مرورگر با کاربر) و حتی حرکات انیمیشنی با افکت ‌های پیشرفته را بسازید. اگر می خواهید صفحات وب قدرتمند و داینامیک (پویا) طراحی نمایید، جی کوئری بهترین فریمورک برای شما به حساب می آید. فراموش نکنید که جی کوئری جایگزین جاوا اسکریپت نمی باشد و زبان اصلی نگارش کدها زبان جاوا اسکریپت است. زبان برنامه نویسی jQuery می تواند تگ‌ ها را برپایه قواعد CSS انتخاب کند که باعث آسان شدن اجرای پروژه می گردد و هر مرورگر کد های JS را به صورت متفاوت تفسیر می کند.

نمونه کد jQuery

زبان جی کوئری

تاریخچه jQuery

زبان برنامه نویسی jQuery در ژانویه سال ۲۰۰۶ توسط فردی به نام John Resig تولید و منتشر شد. jQuery وسط یک تیم از توسعه دهندگان نگهداری می شود و در سال ۲۰۰۶ طبق به ۲ لیسانس GPL و MIT فعالیت می کرد. در سال ۲۰۱۲ لیسانس GPL را حذف کرد و در حال حاظر طبق لیسانس MIT فعالیت می کند.

انواع jQuery

  • کتابخانه jquery-ui
    در این کتابخانه توابع خواصی تعریف شده است که به وسیله آن می توانید از افکت هایی همچون Draggable , Droppable , Resizable , Selectable Sortable و… را در سایت خود استفاده نمایید. شما به وسیله فراخوانی این کتابخانه و سایت مخصوص Jquery UI از این افکت ها بهرهمند شوید.
  • کتابخانه jquery mobile
    کتابخانه jquery mobile در طراحی سایت و application های موبایل , smartphone و Tablet مورد استفاده قرار می گیرد. کتابخانه jquery mobile قابلیت هایی همچون ویجت طراحی رابط کاربری و ایجکس (AJAX) را در اختیار شما قرار می دهد. شما به وسیله این کتابخانه می توانید صفحاتی را طراحی نمایید که بتواند از animation ها و transition ها پشتیبانی کنند.

معرفی زبان جی کوئری 

ویژگی‌ های jQuery

جی کوئری دارای ویژگی های بسیاری می باشد که به شما در شناخت jQuery کمک بسیاری می کنند.

  1. دستکاری و ایجاد تغییرات در DOM
  2. دستکاری و ایجاد تغییرات در CSS
  3. متد‌ های رویداد (Event) برای HTML
  4. ایجاد افکت‌ های مختلف و انیمیشن
  5. پشتیبانی از Ajax
  6. قابل گسترش بودن
  7. کنترل رویدادها
  8. داشتن برنامه‌ های کمکی
  9. پلاگین ‌های جاوا اسکریپت
  10. ویرایش و اصلاح مدل DOM

زبان های مورد نیاز برای یادگیری jquery

برای یادگیری jquery به زبان هایی نیاز دارید که حتما قبل از یادگیری jquery باید آن ها را بلد باشید. در این قسمت به معرفی این زبان ها می پردازیم.

جاوا اسکریپت چیست؟

جاوا اسکریپت که به آن JS نیز گفته می شود که به عنوان محبوبترین زبان‌ های برنامه نویسی به حساب می آید. می توانید از جاوا اسکریپت در برنامه نویسی سمت سرور (Server Side)، اپلیکیشن‌ های موبایل، بازی، اپلیکیشن ‌های دسکتاپ و برنامه نویسی سمت کاربر استفاده نمایید. زبان جاوااسکریپت به عنوان یک زبان همه فن حریف در بین برنامه نویسان معرفی می شود.

معرفی زبان جی کوئریزبان جی کوئری

HTML چیست؟

HTML مخفف کلمه Hyper Text Markup Language می باشد که یک زبان نشانه ‌گذاری مخصوص صفحات وب به حساب می آید. این زبان برنامه نویسی در فارسی به معنی زبان نشانه‌ گذاری ابر متنی می باشد. زبان برنامه نویسی html پایه، ساختار و بدنه اصلی تمام صفحات وب می باشد، که برنامه نویس به وسیله این زبان قسمت هایی همچون عناوین، متن‌ها، تصاویر، لیست، صوت و … را در صفحه وب قرار می دهد.

CSS چیست؟

CSS یک زبان برنامه نویسی ظاهری است که مخفف کلمات Cascading Style Sheets می باشد، که در زبان فارسی به آن استایل صفحات آبشاری گفته می شود. این زبان مجموعه ای از دستورات برنامه نویسی می باشد که برنامه نویس می تواند به وسیله آن، شکل و خصوصیات ظاهری تمام عناصر صفحات وب ‌را مشخص و تغییر دهد.

معرفی زبان جی کوئری

کاربرد های jQuery

می توانیم کاربرد های jQuery را به صورت زیر بیان کنیم.

  • پیمایش اسناد اچ تی ام ال
  • رسیدگی به رویدادها
  • متحرک سازی و تعاملات ای جکس (AJAX)
  • توسعه سریع وب
  • تغییر کد های نوشته شده در جاوا اسکریپت
  • اضافه کردن انیمیشن ها و افکت های زیبا به المان های خود
  • ارسال درخواست های Ajax به سمت سرور
  • دریافت اطلاعات بدون refresh صفحه از دیتابیس
  • اضافه، حذف، ویرایش کردن تگ های HTML یا محتویات صفحه وب
  • ساختن سلایدر های عکس زیبا
  • طراحی منو های باز شونده‌ زیبا

سخن پایانی

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

برای دریافت پاسخ سوالات خود و بهره مند شدن از تجربه اساتید خبره و دیگر دوستانتان در  وب سازان خزر می توانید سوالات خود را  مطرح نمایید و در سریعترین زمان، پاسخ سوال خود را دریافت نمایید.

مشاوره طراحی سایت

برای دریافت راهنمایی های مربوط به طراحی و بهینه سازی سایت،

می توانید از قبل با مشاوران ما در تماس باشید .

تلفن تماس :01132256877

همراه :09129317376

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    سبد خرید
    question