• تلفن: ۰۳۴۳۴۲۵۴۱۶۷
  • ۰۹۱۳۸۶۳۰۳۴۱

آموزش جی کوئری – قسمت اول

  • ۲ دیدگاه
  • ۲۴۳ بازدید

سلام

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

معرفی جی کوئری

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

جی کوئری دسترسی به CSS و HTML رو خیلی ساده تر کرده، یعنی شما به راحتی می تونید ویژگی های CSS یک عنصر داخل HTML رو تغییر بدین و یا ویژگی جدید به اون اضافه کنین.

قابلیت کلیدی بعدی جی کوئری Ajax هست. بدین معنی که شما می تونید بدون اینکه صفحه رفرش بشه، یک سری اطلاعات رو به سرور ارسال کنید و نتیجه پردازش رو دریافت کنید. مثال ساده این قابلیت دکمه لایک فیس بوک هست! بدون اینکه صفحه رفرش بشه امتیاز شما به سرور ارسال می شه و عدد شمارنده تغییر می کنه.

افکت ها و انیمیشن های زیبا و جالب هم ویژگی بعدی جی کوئری هست. ایجاد تغییرات داخل صفحه سایت به همراه افکت ها و انیمیشن های زیبا هم قابلیت بعدی جی کوئری هست.

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

برای استفاده از جی کوئری اول باید فایل اون رو از سایت JQuery.com دانلود کنید. داخل این سایت هم نسخه فشرده شده و هم نسخه غیرفشرده جی کوئری می جوده. داخل نسخه فشرده شده، کدها بدون فاصله و به صورت یک خطی کنار هم نوشته شدن. دلیل این کار اینه که حجم فایل بیاد پایین. اگر احتیاجی به تغییر فایل جی کوئری نداشته باشیم از همین نسخه استفاده می کنیم. اما اگر بخواهیم یک سری کدهای کتابخانه جی کوئری رو تغییر بدیم باید از نسخه غیر فشرده استفاده کنیم. تو این نسخه کدها به صورت منظم نوشته شدن.

تصویر زیر گویای این مثال هست:

minify-unminify
minify-unminify

قدم بعدی بعد از دانلود جی کوئری

بعد از اینکه آخرین نسخه جی کوئری رو دانلود کردید باید با استفاده از دستور زیر اون رو به صفحه مورد نظر خودتون وصل کنید:

 

قسمت src باید آدرس فایل رو بنویسید و قسمت type هم عبارت text/javascript

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

mahdavi1456
منشتر شده در ۱۳۹۷/۰۴/۱۰
۲۴۳
آموزش JQuery, آموزش برنامه نویسی

    نظرات برخی از کاربران

  1. mrm.esmaili

    خلاصه و مفید.

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

ورود به حساب کاربری

بازیابی رمز عبور

ایجاد حساب کاربری جدید