آموزش کتابخانه جی کوئری | بخش اول

جی کوئری که امروزه دنیای طراحی وب سایت و UI را متحول ساخته است یک کتابخانه تحت جاوا اسکریپ است که با بهره گیری از توابع سمت کلاینت تحولی عظیم در AJAX ایجاد نموده است.جی کوئری حتی از این امر فراتر رفته و افکت های بسیاری در طراحی صفحات وب بوجود آورده است.سادگی کار با جی کوئری بسیار جالب است چون اگر با Css آشنا باشید تقریبا ۵۰ درصد Jquery را آموخته اید زیرا یکی از مباحث اصلی در کتابخانه جی کوئری بحث Selector ها می باشد که دقیقا مشابه زبان Css است.

آموزش نصب Jquery

برای کار با Jquery تنها کافیست وارد وب سایت رسمی این کتابخانه شوید یعنی jquery.com شوید و سپس روی گزینه download jquery کلیک کنید تا آخرین نسخه این کتابخانه را دریافت کنید پیشنهاد می کند بصورت فایل فشرده یا min شده دریافت کنید چون هم حجم ان تقریبا نصف است و هم ما که قصد دست کاری در پایه ی این کتابخانه نداریم پس چه بهتر از نسخه compress شده ی ان استفاده کنیم.زمانی که دریافت کردید مثلا یک فایل با نام jquery-1.11.1.min.js به شما داده می شود این فایل را در کامپیوتر خود با همان پسوند Js (جاوا اسکریپ) ذخیره کنید و در پوشه مقصد سایت خود بیندازید.

یک نکته را بگویم بد نیست خیلی از دوستان بجای دانلود کردن نسخه ی جی کوئری ، مستقیما آن را توسط CDN از سایت گوگل و یا از خود جی کوئری لینک می دهند و با توجه به تحریم هایی که در دفعه در ایران انجام میشه پیشنهاد می کنم از ajax.googleapis و …. دریافت نکنید و حتما نسخه ی جی کوئری را دانلود کرده و از طریق هاست خود به صفحه ضمیمه کنید.برای ضمیمه کردن جی کوئری به صفحه سایت خود باید کد زیر را در بخش head سایت قرار دهید :

 در کد بالا ما فرض کردیم که فایل جی کوئری نامش jquery.min.js هست و در پوشه js قرار دارد که شما باید با توجه به آدرس دهی سایت خود عمل کنید.
تا بدین جا ما جی کوئری را به مرورگر خود معرفی کردیم از این به بعد نوبت به کد نویسی کتابخانه جی کوئری می رسد.این نکته را دقت کنید که همیشه باید ابتدا کتابخانه جی کوئری را فرا خوانی کنید سپس به کدنویسی آن بپردازید.یکی از دیگر ترفند های افزایش سرعت سایت نیز این می باشد که طراحان وب فایل های Css را در بخش head سایت و فایل های جاوا اسکریپ مانند جی کوئری را در پایان کدنویسی یعنی بعد از تگ body قرار می دهند چون طبق عادت همیشه ، مرورگرها از بالا به پایین کد را فراخوانی می کنند.پس چه بهتر که اول کاربر متون و قالب سایت رو مشاهده کند و بعد وقت صرف لود شدن جاوا اسکریپ شود.
در این جلسه با نصب کتابخانه jquery آشنا شدیم.در جلسات بعدی کار برنامه نویسی و کد نویسی جی کوئری را آغاز می کنیم.