جی کوئری چیست؟
جی کوئری jQuery چیست؟
جی کوئری یک چارچوب یا framework مفید برای جاوا اسکریپت است. علاوه بر این، جیکوئری محبوب نیز هست و در حدود ۵۴٫۷ درصد از ۱۰،۰۰۰ وب سایت برتر در جهان، از جیکوئری استفاده می کنند.(توصیه می شود دوره آموزشی طراحی سایت و پکیج آموزش طراحی سایت را مشاهده کنید)
اگر می خواهید یک برنامه وب تعاملی مانند یک بازی را ایجاد کنید، جیکوئری فوق العاده مفید و مناسب خواهد بود.
جی کوئری یک تابع جاوا اسکریپت JavaScript است؛ درست همانند جاوا اسکریپت. فقط جیکوئری بسیار بزرگ تر و قدرتمند تر است. شما احتمالا ایده ای از این که چقدر بزرگ است دارید اگر کد منبع جیکوئری را مشاهده کرده باشید.
جیکوئری یک زبان برنامه نویسی نیست بلکه یک عملکرد جاوا اسکریپت و یک تابع است. هدف جی کوئری این است که استفاده از جاوا اسکریپت در طراحی وب سایت را بسیار ساده تر کند.
پیش نیاز هایی که پیش از شروع جی کوئری باید بدانید
قبل از شروع مطالعه جی کوئری، باید دانش پایه ای درباره موارد زیر داشته باشید:
HTML
CSS
JavaScript
اگر می خواهید ابتدا این موضوعات را مطالعه کنید، می توانید مطالب آموزشی در این باره را در صفحه اصلی ما پیدا کنید.
شعار جیکوئری این است ‘نوشتن کمتر، انجام بیشتر’ و این دقیقا همان چیزی است که JQuery اجازه می دهد تا شما را به انجام برسانید. جیکوئری یک کتابخانه جاوا اسکریپت سبک است، در این راستا، احتمالا عبارت “write less, do more”، “کمتر بنویسید، بیشتر انجام دهید”، را در مطالب مربوط به JQuery دیده اید.
جیکوئری می تواند بسیاری از تسک های رایجی را که جاوا اسکریپت با خطوط بسیاری کد انجام می دهد، به انجام برساند؛ در حقیقت جی کوئری این تسک ها را به صورت مجموعه ای در می آورد تا در صورت نیاز، با یک خط کد بتوان آن ها را فراخوانی کرد.
جی کوئری همچنین بسیاری از موارد پیچیده ی جاوا اسکریپت را ساده می کند، مانند فراخوانی های آجاکس، AJAX و ویرایش DOM.
کتابخانه JQuery دارای ویژگی های زیر است:
ویرایش HTML / DOM
ویرایش CSS
متد های رویداد های HTML
افکت ها و انیمیشن ها
AJAX
Utilities یا کاربردپذیری
نکته: علاوه بر این، تقریبا برای هر کاری، jQuery پلاگین هایی دارد.
اما این تابع واقعا چه کار می کند؟ جیکوئری در حقیقت یک انتخاب گر را به عنوان یک پارامتر در نظر می گیرد و یک عنصر HTML باز می گرداند. نوشتن انتخاب گر در جی کوئری دقیقا مانند نوشتن یک انتخاب گر مربوط به CSS است.
قدرت واقعی جی کوئری در روش های آن نهفته است، که مانند زیر عملکردها در داخل تابع اصلی هستند.
جی کوئری به شما امکان می دهد تا عناصر HTML را به راحتی مدیریت کنید.
بنابر این، هنگامی که شما یک عنصر HTML را انتخاب کردید با استفاده از تابع اصلی جیکوئری، می توانید آن ها را با استفاده از روش های آن ها دستکاری یا ویرایش کنید.
برای داشتن دید وسیع تر نسبت به قابلیت تغییر در جی کوئری به docs.jquery.com بروید تا به آنچه که جیکوئری برای استفاده کاربران را فراهم کرده است نگاه کنید. روش هایی برای تغییر متن، تغییر شناسه ها و کلاس ها، پنهان کردن و نمایش دادن، بررسی رویداد هایی مانند عناصر کلیک و حتی انیمیشن وجود دارد.
چرا جی کوئری؟
بسیاری framework ها یا چارچوب های دیگر برای جاوا اسکریپت وجود دارند، اما به نظر می رسد JQuery محبوب ترین و همچنین قابل گسترش ترین در بین آن ها است.
بسیاری از شرکت های بزرگ در وب، از jQuery استفاده می کنند، مانند:
گوگل
مایکروسافت
آی بی ام
نت فلیکس یا Netflix
آیا جی کوئری در همه مرورگرها کار می کند؟
تیم جی کوئری همه چیز را در مورد مسائل مربوط به مرورگر می داند و این تیم، این دانش را در کتابخانه جیکوئری نوشته است. عملکرد جی کوئری در تمامی مرورگرهای اصلی، دقیقا مشابه خواهد بود.
کار با جی کوئری را شروع کنید
اضافه کردن جی کوئری به صفحات وب و تنظیم جیکوئری در HTML
در حال حاضر شما احتمالا فکر می کنید “جی کوئری بسیار مفید است”. با این حال، قبل از این که بتوانید از جیکوئری استفاده کنید، لازم است یک قدم دیگر به جلو بردارید.
از آن جا که JQuery در جاوا اسکریپت ساخته نشده است، قبل از این که بتوانید از آن استفاده کنید، باید آن را به HTML خود پیوند دهید. شما می توانید این کار را به راحتی انجام دهید.
چند راه برای شروع استفاده از جیکوئری در وب سایت وجود دارد. بعضی از این راه ها عبارتند از:
کتابخانه جی کوئری را از jQuery.com دانلود کنید
جی کوئری را از یک CDN ، مانند گوگل به دست آورید
دانلود جی کوئری
دو نسخه از جی کوئری برای دانلود وجود دارد:
نسخه ساخت – این نسخه برای وب سایت های زنده کاربرد دارد زیرا این نسخه، کوچک شده و فشرده شده است
نسخه توسعه – این نسخه برای آزمایش و توسعه کاربرد دارد (با کد های غیر فشرده و قابل خواندن)
هر دو نسخه را می توان از jQuery.com دانلود کرد.
کتابخانه جیکوئری یک فایل جاوا اسکریپت منفرد است و می توان با برچسب یا تگ HTML <script> ، به آن ارجاع داد (توجه کنید که برچسب <script> باید داخل بخش <head> باشد):
1 2 3 |
<head> <script src="jquery-3.3.1.min.js"></script> </head> |
نکته: فایل دانلود شده را در دایرکتوری همان صفحه ای که مایلید از آن استفاده کنید قرار دهید.
آیا برای شما سوال شده است که چرا “text/javascript” را در داخل تگ <script> تایپ نمی کنند؟
این کار در HTML5 نیاز نیست. جاوا اسکریپت زبان پیش فرض اسکریپت در HTML5 و در تمام مرورگرهای مدرن است!
CDN جی کوئری
اگر شما نمی خواهید جی کوئری را خودتان دانلود و میزبانی کنید، می توانید آن را از CDN بگیرید. CDN در حقیقت مخفف Content Delivery Network یا شبکه تحویل محتوا است.
هر دوی گوگل و مایکروسافت، جیکوئری را میزبانی می کنند.
برای استفاده از جی کوئری از طریق Google یا Microsoft، از یکی از موارد زیر استفاده کنید:
Google CDN:
1 2 3 |
<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> |
Microsoft CDN:
1 2 3 |
<head> <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script> </head> |
یکی از بزرگ ترین مزایای استفاده از جیکوئری با میزبانیِ گوگل یا مایکروسافت در ادامه آورده شده است:
بسیاری از کاربران، پیش تر، هنگامی که از سایت های دیگر بازدید می کرده اند، جی کوئری را از Google یا Microsoft دانلود کرده اند. در نتیجه، هنگام بازدید از سایت شما از حافظه پنهان یا Cash بارگذاری می شود، که منجر به زمان بارگذاری سریعتر می شود. همچنین، بیشتر CDN ها اطمینان حاصل می کنند که اگر کاربری یک بار فایلی از آن را درخواست کند، آن فایل از نزدیک ترین سرور ارائه می شود، که این کار نیز، به زمان بارگیری سریع تر منجر می شود.