تعیین یک سری کد برای اجرا شدن، هنگام عبور اشاره گر موس از روی یک عنصر دلخواه از صفحه (رفتن اشاره گر موس بر روی عنصر و سپس برداشتن اشاره گر از روی عنصر) (اجرای کدها به صورت دو مرحله ای بر اساس ورود و خروج اشاره گر موس بر روی عنصر)، با رویداد hover ، در jQuery
برای اینکه تعیین کنیم که هنگام عبور اشاره گر موس از روی یک عنصر دلخواه از صفحه (رفتن اشاره گر موس بر روی عنصر و سپس برداشتن اشاره گر از روی عنصر)، یک سری کد اجرا شوند، یک رویداد (event) با نام hover در jQuery به کار می رود. چگونگی استفاده از رویداد hover به صورت زیر می باشد :
کد jQuery کامل :
که به جای عبارت // your code 1 ، باید کدهایی را بنویسیم که می خواهیم هنگام قرار گرفتن اشاره گر موس بر روی عنصر اجرا شوند و به جای عبارت // your code 2 ، باید کدهایی را بنویسیم که می خواهیم هنگام برداشتن اشاره گر موس از روی عنصر اجرا شوند. دقت شود که ما در کد بالا، نوع عنصر را برابر تگ p در نظر گرفته ایم، پس کدها تنها برای تگ های p در صفحه (پاراگراف ها) اجرا می شوند.
به مثال زیر توجه کنید :
نتیجه :
4 پاراگراف (paragraph) با تگ های p ساخته ایم که اگر اشاره گر موس بر روی هر یک از آنها قرار بگیرد، پس زمینه آن به رنگ زرد تبدیل می شود و چنانچه موس از روی عنصر برداشته شود، پس زمینه آن به رنگ صورتی در می آید :
