جلسه اول-معرفی و آموزش نصب جی کوئری (jQuery)

آموزش جی کوئری

جی کوئری (jQuery) یک کتابخانه سبک وزن برای جاوااسکریپت است با شعار “کم بنویسید و زیاد انجام دهید”.هدف از جی کوئری آسان کردن استفاده از جاوا اسکریپت در صفحات وب سایت است. جی کوری بسیاری از کارهای معمولی که نیاز به دستورات زیادی از جاوااسکریپت دارد را بصورت دستورات یک سطری قابل پیاده سازی می کند. جی کوئری (jQuery) مفاهیم پیچیده در جاوااسکریپت (مثل DOM و AJAX) را ساده سازی می کند.

معرفی جی کوئری (jQuery)

 

  • jQuery یک کتابخانه جاوا اسکریپت است .
  • jQuery برنامه نویسی جاوااسکریپت را خیلی ساده می کند.
  • jQuery برای یادگیری آسان است.

مثالی از jQuery    :

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head><body>
<p>If you click on me, I will disappear.</p>
</body></html>

هدف از جی کوئریآسان کردن استفاده از جاوا اسکریپت در صفحات وب سایت است.

آنچه شما باید از قبل بدانید

قبل از اینکه jQuery را شروع کنید باید اطلاعات پایه در موارد زیر داشته باشید:

جی کوئری (jQuery) چیست؟

جی کوئری یک کتابخانه سبک وزن برای جاوااسکریپت است. “کم بنویسید و زیاد انجام دهید”.

هدف از جی کوئریآسان کردن استفاده از جاوا اسکریپت در صفحات وب سایت است.

جی کوئریبسیاری از کارهای معمولی که نیاز به دستورات زیادی از جاوااسکریپت دارد را بصورت دستورات یک سطری قابل پیاده سازی می کند.

جی کوئریمفاهیم پیچیده در جاوااسکریپت (مثل DOM و AJAX) را ساده سازی می کند.

کتابخانه جی کوئری شامل قابلیت های زیر است:

  • پیاده سازی HTML/DOM
  • دستکاری CSS
  • برنامه نویسی رویدادهای HTML
  • جلوه های ویژه و متحرک سازی
  • آجاکس
  • ابزارهای پشتیبان

علاوه بر این، جی کوئری دارای افزونه هایی برای انجام وظیفه های  مختلف است.

چرا jQuery ؟

 

خیلی از چارچوب های دیگربرای جاوااسکریپت وجود دارد ولی جی کوئری از همه معروف تر و همچنین قابل توسعه تر است.

بسیاری از شرکت های بزرگ از جی کوئری استفاده می کنند مثل :

  • Google
  • Microsoft
  • IBM
  • Netflix
آیا همه مرورگرها جی کوئری را پشتیبانی خواهند کرد؟

تیم توسعه jQuery همه مفاهیم مرتبط با گذر از پلت فرم  را می دانند و آنها را در ساخت کتابخانه jQuery بکار گرفته اند و در نتیجه این کتابخانه در بسیاری از مرورگرهای مطرح از جمله IE6.0 بدون هیچگونه مشکلی اجرا می شود.

نصب جی کوئری

اضافه کردن جی کوئری به صفحه وب

 

برای استفاده از جی کوئری باید کتابخانه جی کوئری را دانلود کرده و در صفحه وب تان بصورت زیر معرفی نمائید.

کتابخانه جی کوئری یک فایل برنامه نویسی ساده جاوااسکریپت است و باید برای ضمیمه کردن آن به صفحه در تگ script آدرس آنرا بصورت زیر تعیین کنید.

<head>
<script src=”jquery.js”></script>
</head>

توجه کنید که تگ script باید در بخش head صفحه قرار داده شود.

یک مثال ساده از جی کوئری

مثال زیر متد hide()  از jQuery را نشان می دهد. وقتی کاربر روی دکمه کلیک کند، همه تگ های p مخفی خواهند شد.

<!DOCTYPE html>
<html>
<head>
<script src=”jquery.js”></script>
<script>
$(document).ready(function(){
$(“button”).click(function(){
$(“p”).hide();
});
});
</script>
</head><body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

دانلود jQuery

دو نسخه از jQuery برای دانلود وجود دارد:

  • نسخه تولید – بصورت فشرده شده است برای استفاده در وب سایت ها
  • نسخه توسعه – بصورت غیر فشرده و قابل خواندن برای تست و توسعه

هر دو نسخه می تواند از آدرس jQuery.com دریافت کنید.

نکته : فایل دالود شده را باید در همان فهرست حاوی صفحات وب تان ذخیره کنید که می خواهید در آنها استفاده کنید.

به جای دانلود

اگر شما نمی خواهید جی کوئری را خودتان دانلود کنید می توانید آنرا مستقیما” از یک شبکه تحویل محتوا استفاده کنید مثل زیر:

 

Google CDN:

<head>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js”>
</script>
</head>

 

 

Microsoft CDN:

<head>
<script src=”http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js”>
</script>
</head>

برچسب ها

, , , , , ,

محصولات پیشنهادی


نظرات کاربران


نظرات برای آموزش کتابخانه jquery | دیدگاه‌ها برای جلسه اول-معرفی و آموزش نصب جی کوئری (jQuery) بسته هستند

موقتا امکان ارسال دیدگاه وجود ندارد

موقتا امکان ارسال دیدگاه وجود ندارد


درباره کدنویسان
آکادمی کدنویسان جهت کمک به دانشجویان رشته های کامپیوتر و فناوری اطلاعات و همه علاقمندان به طراحی و برنامه نویسی برای ویندوز، وب و موبایل ایجاد شده است.
بیشتر آموزش های سایت کدنویسان، بصورت رایگان ارائه شده است و بعضی بسته های آموزشی تصویری و نیز نرم افزارهای پیاده سازی شده در ازای پرداخت، قابل دانلود هستند.
هر گونه نظر، انتقاد یا پیشنهادی در مورد مطالب یا عملکرد کدنویسان دارید، حتما با ما در میان بگذارید.
نمادهای اعتماد ما


تماس با ما
  • شماره همراه : ۰۹۱۵۱۶۰۴۰۶۸
  • آی دی تلگرام : @mmoha94
  • پست الکترونیکی : mohammadi.sm@gmail.com
  • آدرس پستی : بیرجند، خیابان پیروزی، پیروزی ۹، پلاک ۲۸
کلیه حقوق متعلق به سایت کدنویسان است، انتشار و کپی برداری از مطالب این سایت غیرمجاز بوده و پیگرد قانونی دارد.