هدف از jQuery آسان تر کردن استفاده هر چه بیشتر ار JavaScript بر روی وبسایت است. به بیان دیگر: jQuery سبک وزن کتابخانه جاوا اسکریپت است، "نوشتن کمتر، انجام بیشتر".
همچنین در برگیرنده وظایف مشترک زیادی است که به خط های زیادی از کد JavaScript که به انجام رسیده است دارد و آنها را به روش هایی که شما می توانید با یک خط از کد تماس بگیرید پوشش میدهد.
همچنین موارد بسیار زیادی از JavaScript را دارای پیچیدگی هستند ساده سازی میکند مانند: صدا زدن AJAX و بکاربردن DOM.
ویژگی کتابخانه های آن
- به کارگیری HTML/DOM
- به کارگیری CSS
- روش های رویداد HTML
- اتفاقات و انیمیشن ها
- AJAX
- سودمندی ها
چارچوب های زیادی از JavaScript وجود دارد اما jQuery محبوب تر به نظر رسیده و همچنین توسعه پذیری بالاتری دارد.
DOM چیست؟
یکی از مهمترین جنبه های جاوا اسکریپت و در نتیجه jQuery، دستکاری DOM است. DOM مخفف مدل Object Document است و مکانیسم نمایندگی و ارتباط با اسناد HTML، XHTML یا XML شماست.
این موضوع به شما اجازه می دهد که اسناد خود را از طریق یک زبان برنامه نویسی هدایت و دستکاری کنید، که در مرورگر تقریبا همیشه جاوا اسکریپت است. دستکاری DOM با استفاده از جاوا اسکریپت استاندارد می تواند بسیار دست و پا گیر باشد، اما خوشبختانه برای ما، jQuery با مجموعه ای از روش های مرتبط با DOM همراه است، و این مسئله ساده تر می شود.
AJAX چیست؟
AJAX هنر مبادله داده ها با یک سرور است و قسمت های یک صفحه وب را بدون بارگذاری کل صفحه به روز رسانی می کند.
AJAX مخفف ایستگاه برای جاوا اسکریپت و XML است و این فن آوری به ما کمک می کند تا داده ها را از سرور بدون بارگذاری صفحه مرورگر بارگیری کنیم.
jquery یک ابزار عالی است که یک مجموعه غنی از روش های AJAX را برای توسعه نرم افزار نسل آینده فراهم می کند.
چه شرکت های بزرگی در وبسایت خود از آن استفاده کرده اند؟
- Microsoft
- IBM
- Netflix
اضافه کردن آن به صفحات وب
راه های متعددی وجود دارد به عنوان مثال:
- دانلود کردن کتابخانه های آن از وبسایت آن
- شامل بودن jQuery از یک CDN مثل گوگل
دانلود کردنQuery
دو ورژن از آن جهت دانلود وجود دارد:
- نسخه تولید (production): این نسخه برای وبسایت های زنده است زیرا کوچک شده و متراکم ساخته شده است.
- نسخه توسعه یافته: برای تست و توسعه پذیری است. غیر فشرده است و کدهای آن قابل خواندن است.
هر دوی نسخه ها از سایتش قابل دانلود است.
کتابخانه jQuery یک فایل تنها از JavaScript است و شما آن را با یک<script> تگ HTML رفرنس میدهد.( توجه کنید که <script> حتما تگ باید داخل قسمت <head> باشد.)
<head>
<script src="jquery-3.3.1.min.js"></script>
</head>
jQuery CDN
اگر نمیخواهید که خودتان آن را مستقیم دانلود و میزبانی کنید میتوانیداز (CDN (Content Delivery Network که شامل است دانلود کنید. گوگل و مایکروسافت هردو خود به عنوان میزبان jQuery عمل میکنند و میتوان از jQuery ایی که از آنها شامل میشود استفاده نمود.
Google CDN:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
Microsoft CDN:
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
</head>
یکی از مزایای استفاده از jQuery میزبانی شده از گوگل و مایکروسافت:
بسیاری از کاربران زمانی که در حال بازدید از سایت هستند jQuery را از گوگل یا مایکروسافت از سایت دیگری دانلود کرده اند. در نتیجه، هنگام بازدید از سایت شما، از حافظه پنهان بارگذاری می شود که منجر به زمان بارگذاری سریعتر می شود.
همچنین، بیشتر CDN ها اطمینان حاصل می کنند که یک بار که کاربر یک پرونده را از آن درخواست کرده، آن را از نزدیکترین سرور نزدیک به آنها ارایه میدهد، که همچنین به زمان بارگیری سریع تر منجر می شود.