جی کوئری (JQuery) چیست و چگونه کار میکند ؟

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

باما هم همراه باشید.

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

جی کوئری (JQuery) چیست و چگونه کار میکند ؟

جی کوئری (JQuery) چیست و چگونه کار میکند ؟

نقش جی کوئری آسان کردن کار با جاوااسکریپت، برای سرعت بخشیدن به توسعه وبسایت است و کارهایی از قبیل :

*سندهای HTML را پیمایش میکند.

HTML +CSS+JQUERY

HTML +CSS+JQUERY

*به رویدادها و اتفاقاتی که در طول برنامه نویسی پیش میاید رسیدگی میکند.

*استفاده و فراخوانی AJAX  را بدون داشتن مختصات سرور و از طریق محتویات سرور انجام میدهد.

AJAX + JQUERY

AJAX + JQUERY

*عملیات های DOM را ساده تر میکند.

jquery_and_the_dom

jquery_and_the_dom

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

jquery + javascript

jquery + javascript

جی کوئری چگونه کار می کند

کدهای بیشماری که باید توسط جاوااسکریپت مینوشتید و قابلیت هایی که میخواهید از آن در برنامه استفاده کنید از طریق استفاده جی کوئری از توابع (functions) در یک خط کد فراخوانی و اجرا میشود.

jquery چگونه کار میکند؟

jquery چگونه کار میکند؟

معرفی فریم ورک های شبیه جی کوئری

*Prototype

FrameworksJS07

FrameworksJS07

*MooTools

mootools

mootools

*YUI

YUI

YUI

و …

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

jquery

قابلیت ها و ویژگی های جی کوئری

  1. بدون استفاده از ابزارهای جاوااسکریپت و کدنویسی های طولانی ، میتوان در بخش های مختلف یک صفحه جستجو کرد و به آن دسترسی داشت.
  2. میتوان با استفاده از جی کوئری ظاهر صفحه وب را تغییر داد ، در این حالت شبیه به css کار میکند با این تفاوت که سازگاری بیشتری با مرورگرهای متفاوت دارد.
  3. اتفاقاتی نظیر به همریختگی صفحه وب یا کند شدن سایت را کنترل و از آن جلوگیری میکند.
  4. تغییرات ظاهری و محتویات صفحات (مثل تغییر ساختار Html)به راحتی انجام میشود.
  5. به منظور ایجات انیمیشن و افکت های پیشرفته در صفحات وب استفاده میشود.
  6. به دلیل استفاده ی زیادی که دارد هرروز پلاگین های جدیدی برای آن میاید و کار برای برنامه نویسان و طراحان وب راحت تر از قبل میشود، در حقیقت هر ایده ای که داشته باشید پلاگین مربوط به آن موجود است و به راحتی میتوانید ایده را پیاده سازی نمایید.
  7. به دلیل تک خطی کردن فرمان با استفاده از chaining ، نیازی به درج مجدد و تکرار فرمانها نیست.
  8. امکان کار با Html , CSS  را دارد.
ویژگی های جی کوئری

ویژگی های جی کوئری

ویژگی های جی کوئری

ویژگی های جی کوئری

کد های جی کوئری تنها در حالتی که js  روی مرورگر فعال باشد کار میکند.

آموزشگاه طراحی سایت پرتو برگزار کننده دوره های تخصصی و جامع طراحی سایت می باشد.

دوره های طراحی قالب سایت :

*کلاس آموزش  HTML/CSS

*کلاس آموزش بوت استرپ

*کلاس آموزش جاوا اسکریپت

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

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

  • گوگل
  • مایکروسافت
  • آی بی ام
  • نت فلیکس
google-and-jquery

google-and-jquery

علاوه بر دانلود جی کوئری از سایت مختص خودش که در اول مقاله عنوان شد میتوانید برای استفاده از آن از طریق CDN(Content Delivery Network) جی کوئری را به صفحه اضافه کنید.

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

Domain name CDN:

مزیت استفاده از CDN این است که در صورت باز کردن یک سایت کد جی کوئری برای کاربر cache میشود و برای بار دوم دانلود نمیشود و در سرعت لود سایت تاثیر بالایی دارد.

جی کوئری (JQuery) چیست و چگونه کار میکند ؟

برای دانلود جی کوئری دو نوع نسخه موجود میباشد :

  1. اگر در مرحله نهایی سایت خود هستید از نسخه Production Version استفاده نمایید زیرا در این حالت جی کوئری در حالت فشرده و کم حجم است .
  2. در صورتی که نیاز به خواندن و ویرایش کدهای جی کوئری دارید و میخواهید از آن در طی طراحی سایت استفاده نمایید نسخه Development Version را دانلود نمایید.
jquery + javascriptjquery + javascript

jquery + javascript

0 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید ؟
در گفتگو ها شرکت کنید!

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

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