1. Mouse Events

• click: زمانی که کاربر روی یک المان کلیک می‌کند.
• dblclick: زمانی که کاربر دو بار متوالی روی یک المان کلیک می‌کند.
• mouseenter: زمانی که موس وارد یک المان می‌شود (فقط یک بار).
• mouseleave: زمانی که موس از روی یک المان خارج می‌شود.

2. Keyboard Events

• keypress: زمانی که کاربر کلیدی را فشار می‌دهد (مناسب برای متن‌های ورودی).
• keydown: زمانی که کاربر کلیدی را پایین نگه می‌دارد.
• keyup: زمانی که کاربر کلیدی را رها می‌کند.

3. Form Events

• submit: زمانی که یک فرم ارسال می‌شود.
• change: زمانی که مقدار یک المان فرم (مثل input یا select) تغییر می‌کند.
• focus: زمانی که کاربر بر روی یک المان فرم کلیک می‌کند یا آن را انتخاب می‌کند.
• blur: زمانی که کاربر از یک المان فرم خارج می‌شود.

4. Document/Window Events

• load: زمانی که یک سند (document) یا تصویر بارگذاری می‌شود.
• resize: زمانی که اندازه پنجره مرورگر تغییر می‌کند.
• scroll: زمانی که کاربر صفحه را بالا یا پایین می‌برد.
• unload: زمانی که صفحه از حافظه خارج می‌شود.

تفاوت متد (Method) و ایونت (Event) در jQuery

• متد (Method):
  تابعی آماده در jQuery که کاری انجام می‌دهد، مثل hide(), show(), css(), html().
• ایونت (Event):
  واکنشی به یک اتفاق که روی یک المان رخ می‌دهد، مثل click, mouseenter, focus.
  

توضیح رویدادهای مهم

• .blur
  زمانی اجرا می‌شود که المان ورودی فوکوس را از دست بدهد.
• .hover
  ترکیبی از mouseenter و mouseleave است. دو تابع برای ورود و خروج موس می‌گیرد.
• .mousedown
  زمانی که دکمه موس روی المان فشار داده می‌شود.

• .mouseup
  زمانی که دکمه موس رها می‌شود.

رویداد .on()

• متد .on() برای اتصال چند رویداد مختلف به یک المان است.
• می‌تواند یک یا چند رویداد (به صورت آبجکت) دریافت کند.
• مناسب برای المان‌هایی است که بعداً به صفحه اضافه می‌شوند (Dynamic Elements).

مثال:

$(".click").on({  click: function () { $("p").css("color", "red"); },  mouseleave: function () { $("p").css("color", "blue"); },  mouseenter: function () { $("p").css("color", "green"); },  dblclick: function () { $("p").css("color", "cyan"); } });

this در جی‌کوئری

در جی‌کوئری، this به المانی اشاره دارد که در حال حاضر روی آن رویداد (event) فعال است. یعنی همان المانی که رویداد در آن رخ داده.

مثال:

$("button").click(function() {  $(this).css("background-color", "blue"); });

در اینجا، this به دکمه‌ای اشاره می‌کند که روی آن کلیک شده و رنگ پس‌زمینه آن به آبی تغییر می‌کند.

نکات کلیدی:

• در داخل یک تابع رویداد (event handler)، this به المانی اشاره دارد که رویداد در آن رخ داده است.
• می‌توان از $(this) برای دسترسی و تغییر ویژگی‌های آن المان استفاده کرد.