پرنیان طرح | انجام امور پرداختی و مجازی | فایل های گرافیکی | پرداخت های بین المللی
نویسنده: حامد محمدی 
با سلام خدمت همراهان همیشگی وب سایت پرنیان طرح
با یکی دیگر از مقالات آموزشی برنامه نویسی در خدمت شما دوستان عزیز هستیم.
در سری مقاله های اموزش J Query قصد داریم تا با هم مبانی و اصول کدنویسی با J Query را با هم تمرین کنیم.
در این سری آموزش ها همراه ما باشید.
مقدمه
قبل از هر آموزشی باید بدانیم با چه جیزی سرو کار داریم!
پس اگر از من بپرسید، JQuery چیست، پاسخ خواهم داد : JQuery یک کتابخانه Javascript است.
این کتابخانه، کار با Javascript و برنامه نویسی با آن را بسیار راحت تر می کند.
پس نگران نباشید!
یاد گرفتنJQuery بسیار ساده و راحت است.
چه چیزهایی لازم دارم؟
برای کار کردن با این کتابخانه جذاب، باید یک آشنایی با اصول پایه ای زبان های HTML، CSS، JavaScript داشته باشید.
در کل می توان گفت ، JQuery یک کتابخانه برای Javascript است که به شما اجازه می هد، کمتر کدنویسی کنید و در عین حال بیشتر کار کنید.
jQuery وظایف متداول زیادی را به عهده دارد که در حالت عادی برای انجام آنها به کدنویسی های زیادی به زبان JavaScript احتیاج دارید.
این کتابخانه به شما کمک می کند که تمام کدنویسی های این زبان را به سادگی و تنها با یک خط کد، فراخوانی کنید.
کتابخانه jQuery شامل موارد زیر است:
- دسترسی و کار با HTML/DOM
- کار با CSS
- متدهای رویدادهای HTML
- افکت ها و انیمیشن ها
- AJAX
- Utilityها
چرا باید از JQuery استفاده کنم؟
بسیاری از شرکت های بزرگ کامپیوتری و فعال در حوزه وب ، از این کتابخانه استفاده می کنند. مانند:
- Microsoft
- IBM
- Netflix
چطور کار با JQuery را شروع کنم؟
برای کار با این کتابخانه باید ابتدا آن را به صفحات نت خود اضافه کنید.
چند روش برای این کار وجود دارد:
- کتابخانه jQuery را از سایت آن به آدرس jQuery.com دانلود کنید.
- jQuery را از یک CDN مانند Google وارد کنید.
دو نسخه از این کتابخان برای دانلود وجود دارد:
1- نسخه تولیدی : این نسخه برای استفاده در وب سایت های فعال است. زیرا کم حجم و فشرده شده است.
2- نسخه توسعه یافته :این نسخه برای کار کردن و آزمایش و توسعه ایجاد شده است. کم حجم نیست.
هر دو نسخه را می توانید از jQuery.com دانلود کنید.
کتابخانه jQuery یک پرونده جاوا اسکریپت است.
برای کار با این کتابخانه در HTML آن را با تگ <script> ارجاع میدهید.
دقت داشته باشید که تگ <script> باید درون تگ <HEAD> باشد.
توجه داشته باشید:
فایل دانلود شده را در همان صفحه ای که مایل به استفاده از آن هستید، قرار دهید.
شکل نحوی و نوشتاری JQuery
شکل نحوی دستورات jQuery ، برای انتخاب عناصر HTML و انجام برخی اقدامات روی عنصر (های) آن طراحی شده است.
شکل نحوی پایه برای کدهای jQueryبه شکل زیر است:
- علامت $ برای تعریف/دسترسی یک عنصر به کار می رود.
- انتخابگر (selector) برای پرس و جو یا یافتن عناصر HTML
- () jQuery action برای آنکه روی عناصر کاری را انجام دهد.
$(this).hide()
این دستور، عنصر جاری و فعال را پنهان می کند.
$("p").hide()
این دستور تمام عناصر p (پاراگراف ها) را پنهان می کند.
$(".test").hide()
این دستور ، عناصری که دارای کلاس test می باشند را پنهان خواهد کرد.
$("#test").hide()
این دستور، تمام عناصر با id برابر test را پنهان خواهد کرد.
توجه داشته باشید که تمام متدهای JQuery درون یک رویداد یا event به نام document ready قرار می گیرند.
$(document).ready(function(){
//در این قسمت قرار می گیرند jquery متدهای
});
این کار برای جلوگیری از اجرای کدهای jquery، قبل از بارگذاری سند مربوطه می باشد.
