صفحه نخست » مقالات » برنامه نویسی » آموزش jQuery » جی کوئری چیست؟ – jQuery چیست؟

جی کوئری چیست؟ – jQuery چیست؟

دسته بندی : آموزش jQuery سطح مقاله : مقدماتی زمان مطالعه : 5 دقیقه 20 مرداد 1399
جی-کوئری-چیست؟

جی کوئری چیست؟ جی کوئری یک کتابخانه بهینه شده و تخصصی از زبان جاوا اسکریپت است. درست حدس زدید جی کوئری یک زبان برنامه نویسی نیست ، بلکه محبوب ترین کتابخانه جاوا اسکریپت در میان کاربران و توسعه دهدندگان است و برای راحت ترنوشتن اسکریپت های سمت کلاینت (سمت کاربر) کابرد ویژه ای دار.

فهرست محتوای این مقاله

  • تاریخچه جی کوئری
  • لوگو جی کوئری
  • دلایل استفاده از جی کوئری
  • jQuery در طراحی وب
  • پیش نیاز های کار با جی کوئری
  • استفاده از جی کوئری در سایت
  • آموزش استفاده از cdn
  • استفاده از جی کوئری

تاریخچه جی کوئری

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

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

جی کوئری تحت پروانه MIT بوده و مجوزهای لازم استاندارد را دارد.

لوگو جی کوئری

تمام توسعه دهندگان جی کوئری را با نشانه ای که در تصویر زیر می بینید می شناسند.

لوگو جی کوئری

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

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

علاوه بر حجم کم کدها ، سرعت کار برای توسعه دهندگان بسیار بالا رفته و همچنین مدیریت و ویرایش کدها بسیار راحت تر می شود.

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

کاربردهای جی کوئری

  • تغییرات بسیار گسترده بر روی css
  • ایجاد پلاگین های متعدد
  • ساخت اجزای متحرک و انیمیشنی در صفحات وب سایت
  • دسترسی راحت به رویدادها
  • ساخت برنامه های کوچک و کم حجم

jQuery  در طراحی وب به چه دردی میخوره؟

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

Client-Side یا قسمت سمت کاربر

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

پیش نیاز های کار با جی کوئری

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

  • آشنایی با تگ های HTML
  • آشنایی با CSS
  • آشنایی با کد های جاوا اسکریپت
  • مفهوم المان های مختلف در صفحات وب

خب تا به اینجا سوال جی کوئری چیست؟ را مورد بررسی قراردادیم.

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

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

گزینه اول : اولین راه حل دانلود فایل جی کوئری و ایمپورت کردن آن در صفحه سایت است.

برای دانلود جی کوئری بهتراست به سایت اصلی جی کوئری مراجعه کنید : jquery.com

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

نکته : فایل هایی که در آن ها از کلمه min استفاده شده فایل های فشرده هستند و حجم کمتری دارند که معمولا توسعه دهندگان آن ها را تعییر نمی دهند.

بعداز دانلود جی کوئری باید آن را بصورت زیر در head سایت خود و یا حتی در قسمت body فراخوانی کنید.

<script type="text/javascript" src="jquery.min.js"></script>

تنها کافیست بجای jquery.min.js آدرس فایل خود را وارد کنید.

گزینه دوم : دومین راه حل استفاده از cdn ها مختلف و بدون نیاز به دانلود است.

cdn چیست؟

cdn مخفف کلمه لاتین CDN Stands for Content Distribution Network است و به معنی جمع زیادی از سرورهای دنیا که فایل های مشابه را برای دسترسی سریع تر کپی می کنند است.

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

آموزش استفاده از cdn

برای استفاده از cdn تنها کافیت از کدهای فراخوانی زیر بصورت دلخواه استفاده کنید ، هر کدام از کدها متعلق به یک مجموعه بوده و فقط از یک کد استفاده کنید.

cdn رابط برنامه نویسی گوگل (برای مبتدیان پیشنهاد نمی شود)

<script type="text/javascript" src="//google.com/jsapi"></script>

<script>
google.load("jquery", "1.4.2");
</script>

استفده از cdn جی کوئری گوگل

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

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

<script src="//ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>

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

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

جی کوئری برای دسترسی به عناصر از علامت $ استفاده می کند و یادتان باشد کدهای جی کوئری درون تگ <script> نوشته می شوند ، به مثال زیر دقت کنید:

<script>
$("p.myclass").hide();
</script>

در کد جی کوئری بالا یک فراخوانی جی کوئری به همراه یک رشته انتخابگر css استفاده شده است که به همراه آن دستوری برای مخفی شدن (تابع hide()) کلاس فراخوانی شده داده شده.

خب امیدواریم پاسخ سوال جی کوئری چیست؟ را دریافت کرده باشید و با نظرات خود ما را همراهی کنید.

چه امتیازی به این مقاله می دید؟

5 / 5.00
[ 1 رای ]