در این بخش از آموزش JQuery به معرفی مهمترین و پرکاربردترین رویدادهای زبان jQuery می پردازیم . رویدادها اتفاقاتی هستند که بر روی عناصر موجود در صفحات وب انجام می شوند مثل کلیک کردن و یا عبور موس از روی آن . شما می توانید کدهای مورد نظر خود را طوری طراحی کنید که پس از اجرای یک رویداد خاص اجرا شوند . لیست زیر شامل مهمترین رویداد ها در jquery می باشد : [TABLE="width: 1"] [TR="bgcolor: #1741e7"] [TD="align: center"]نام رویداد[/TD] [TD="align: center"]شرح[/TD] [/TR] [TR] [TD="align: center"]()ready [/TD] [TD]این رویداد ready زمانی اجرا می شود که صفحه وب ما بطور کامل بارگذاری شود[/TD] [/TR] [TR] [TD="align: center"]()click [/TD] [TD]وقتی که کاربر روی یک عنصر html ای کلیک می کند رویداد click اجرا می شود[/TD] [/TR] [TR] [TD="align: center"]()dblclick [/TD] [TD]وقتی که کاربر روی یک عنصر html ای دابل کلیک می کند رویداد dblclick اجرا می شود[/TD] [/TR] [TR] [TD="align: center"]()mouseenter [/TD] [TD]وقتی که اشاره گر ماوس وارد محتوای تگ html می شود رویداد mouseenter اجرا می شود[/TD] [/TR] [TR] [TD="align: center"]()mouseleave [/TD] [TD]وقتی که اشاره گر ماوس محتوای تگ html ترک می کند رویداد mouseleave اجرا می شود[/TD] [/TR] [TR] [TD="align: center"]()mousedown [/TD] [TD]زمانیکه دکمه ماوس روی عنصر مورد نظر فشرده می شود رویداد mousedown اجرا می شود[/TD] [/TR] [TR] [TD="align: center"]()mouseup [/TD] [TD]زمانیکه دکمه ماوس روی عنصر مورد نظر رها می شود رویداد mouseup اجرا می شود[/TD] [/TR] [TR] [TD="align: center"]()hover [/TD] [TD]رویداد hover دو function دارد . و این دو ترکیبی از رویداد mouseenter و رویداد mouseleave میباشد.[/TD] [/TR] [TR] [TD="align: center"] ()focus [/TD] [TD]زمانیکه عنصری از یک فرم فاکوس را در اختیار می گیرد رویداد focus اجرا می شود[/TD] [/TR] [TR] [TD="align: center"]()blur [/TD] [TD]زمانیکه عنصرمورد نظر از فرم فاکوس را از دست می دهد رویداد blur اجرا می شود[/TD] [/TR] [TR] [TD="align: center"]()Change [/TD] [TD]رویداد change فقط برای عناصر درون فرم کاربرد دارد و زمانی فراخوانی می شود که محتوای یک عنصر تغییر کند[/TD] [/TR] [TR] [TD="align: center"]()submit [/TD] [TD] رویداد submit زمانی اتفاق می افتد که یک فرم submit شده و به سرور ارسال شود .[/TD] [/TR] [TR] [TD="align: center"]()toggle [/TD] [TD]رویداد toggle بین دو افکت ( ) show و افکت ( ) hide تغییر وضعیت می دهد .[/TD] [/TR] [TR] [TD="align: center"]()unload [/TD] [TD]رویداد unload زمانی اتفاق می افتد که کاربر از صفحه جاری خارج می شود . برای مثال یکی ار استفاده های جالب این رویداد ، می تواند صدور یک پیام خداحافظی برای کاربر در زمانی که می خواهد صفحه را ببندد ، باشد .[/TD] [/TR] [TR] [TD="align: center"]()select [/TD] [TD]رویداد select زمانی اتفاق می افتد که متن موجود در یک کادر متن ( textfield ) یا textarea ، انتخاب شود .[/TD] [/TR] [TR] [TD="align: center"]()resize [/TD] [TD]رویداد resize زمانی اتفاق می افتد که اندازه پنجره مرورگر تغییر نماید .[/TD] [/TR] [TR] [TD="align: center"]()scroll [/TD] [TD]رویداد scroll زمانی اتفاق می افتد که کاربر در یک عنصر صفحه ، عمل scroll ( بالا و پایین رفتن ) را انجام دهد .[/TD] [/TR] [TR] [TD="align: center"]()focusin [/TD] [TD]رویداد focusin زمانی اتفاق می افتد که یک عنصر فرزند ( عنصری که در درون یک عنصر دیگر قرار گرفته است )، فوکوس برنامه را به دست آورد .[/TD] [/TR] [/TABLE]
