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