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

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

برای مشاهده متن کامل بخش اول آموزش جی کوئری jquery به ادامه مطلب مراجعه نمایید.

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

مقدمه

برای آشنایی بهتر با جی کوئری jquery ابتدا باید از جاوا اسکریپت بگوییم. جاوا اسکریپت یک زبان برنامه نویسی منطقی است که در طراحی صفحات وب کاربرد فراوان دارد. این زبان در برنامه نویسی سمت کاربر مورد استفاده قرار می گیرد. مدیریت خصوصیات اشیاء درون صفحه وب و کنترل رویدادهای آنها از جمله قابلیت های این زبان است.

جی کوئری jquery چیست؟

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

ویژگی های اصلی جی کوئری jquery

  • قابلیت اجرا بر روی کلیه مرورگرهای رایج (مانند اینترنت اکسپلورر، فایرفاکس، کروم و…)
  • قابلیت دستکاری و تغییر خصوصیات CSS
  • متحرک سازی و قرار دادن افکت روی عناصر وب سایت
  • کار با ای جکس

استفاده از جی کوئری jquery

پس از دانلود تک فایل این کتابخانه از سایت رسمی جی کوئری jquery ، کافی است که از دستوری مشابه دستور زیر در بخش header صفحه وب سایت خود استفاده کنید:

<script type="text/javascript" src="jQuery.js"></script>

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

<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
   <script type="text/javascript">
     $(document).ready(function(){
       $("a").click(function(event){
         alert("As you can see, the link no longer took you to jquery.com");
         event.preventDefault();
       });
     });

   </script>
 </head>
 <body>
   <a href="http://jquery.com/">jQuery</a>
 </body>
 </html>

 در این مثال فایل کتابخانه جی کوئری از وب سایت این شرکت خوانده شده و پس از کلیک بر روی کلمه jQuery یک پیام ظاهر خواهد شد. توجه کنید تابع ready در ابتدای لود شدن صفحه وب اجرا شده و دو عمل اصلی انجام می دهد. یکی نمایش یک پیام است و دیگری پیشگیری از انجام رویداد مربوط به کلیک بر روی یک لینک می باشد.

$ نام یک تابع بسیار پر کاربرد جیکوئری است که برای دسترسی به عناصر وب سایت مورد استفاده قرار می گیرد.

برای اطلاعات بیشتر به وب سایت های jquery,w3c,wikipedia مراجعه فرمایید.