نصب و راه اندازی jQuery و قواعد دستوری آن
نصب و راه اندازی jQuery و قواعد دستوری آن
سلام دوستان با قسمت سوم بخش اول آموزش jQuery برگشتیم
برای اینکه از امکانات jQuery استفاده کنید ، باید آخرین نسخهjQuery رو از سایت jQuery دانلود کنید .
داخل این سایت سه مدل متفاوت برای دانلود وجود دارد :
- Minified که فشرده ترین نسخه است و برای استفاده تجاری آماده شده و ۱۵ کیلوبایت حجم آن می باشد.
- Uncompressedکه نسخه فشرده نشده هست و حجمش حدودا ۹۴ کیلوبایت می باشد. و برای توسعه یا فراگیری مورد استفاده قرار میگیرد.
- Packed ۲۹ کیلوبایت حجم دارد و به صورت فشرده نشده است.
بعد از دانلود شما باید کتابخانه را در صفحات خود نصب کنید .
طریق نصب جی کوئری به دو صورت inline و external می باشد.
اما نحوه نوشتن کدها نیز به همین دو روش میباشد :
به صورت inline : در این روش کدها در همان صفحه ای که میخواهیم جیکوئری را فراخوانی کنیم نوشته میشود ، توصیه میشود از این روش کمتر استفاده کنید.
به صورت external : در این حالت شما یک فایل با پسوند sample.js ایجاد میکنید. و تمامی کد های خود را در این فایل مینویسید. و سپس فایل sampale.js را در صفحات خود فراخوانی میکنید.
1 2 3 | <span style="font-size: 12pt; font-family: iransans;"><head> <script src="jquery-1.11.0.min.js"></script> </head></span> |
نصب و راه اندازی jQuery و قواعد دستوری آن
با قواعد دستوری جیکوئری شما میتوانید عناصر HTML را انتخاب کنید و عملیات مورد نظر خود را بر روی آنها انجام دهید.
ساختار اصلی یک دستور جیکوئری :
1 <span style="font-size: 12pt; font-family: iransans;">$(selector).action()</span>
$ : برای دسترسی به جیکوئری به کار میرود.
selector : برای جستجوی عناصر HTML به کار میرود.
action() : عملی را که که بر روی عنصر بایستی انجام شود مشخص میکند.
این مثال المنت جاری را مخفی میکند:
1 <span style="font-size: 12pt; font-family: iransans;">$(this).hide()</span>
برای یک کلاس خاص :
1 <span style="font-family: iransans; font-size: 12pt;">$(".classname").hide()</span>
برای یک ID خاص :
1 <span style="font-family: iransans; font-size: 12pt;">$("#IDname").hide()</span>
برای یک تگ خاص :
1 <span style="font-family: iransans; font-size: 12pt;">$(div).hide()</span>
در ادامه ی آموزش jquery ، این موارد به طور کامل توضیح داده خواهد شد.