الطريقة < span style = "عائلة الخط:" ساعي جديد" , " ساعي" ، حافلة صغيرة؛" >تحوم () < / سبان> هو اختصار ل:
< pre class = "prettyprint lang-javascript" > $ ( selector) .mouseenter ( handlerIn ) .mouseleave( handlerOut ); < / pre>< / div>بناء الجملة:
< pre class = "prettyprint lang-javascript" > $ ( selector ).hover ( handlerIn ، handlerOut ) < br / >< / pre>example:
< pre class = "prettyprint lang-javascript" > $ ( "p" ).hover (
function () { // الماوس يدخل
$ ( this ).addClass ( "تحوم") ؛
} ، وظيفة () { // منطقة خروج الماوس
$ ( this) .removeClass ( "تحوم") ؛
}
) ؛ < / pre>
.hover ( handlerInOut )< / h2 > هذه الطريقة مفيدة عند تكرار نفس المعالجة لكل من أحداث الإدخال والإخراج لمنطقة العنصر الهدف. لن نحتاج إلى نسخ الكود إلى كل من وظائف حدث الإدخال والإخراج.
بناء الجملة:
$(selector).hover(handlerInOut)
عند تمرير دالة واحدة إلى طريقة hover () < / span > ، سيتم تنفيذ حدثين ، الماوس < / span > و إجازة الماوس< / الامتداد >. يسمح هذا لمستخدم jQuery باستخدام طرق تجاوز الفشل المختلفة في المعالج أو الاستجابة بشكل مختلف اعتمادا على event.type.
example:
$( selector ).on( "مؤشر الماوس داخل وخارج الصندوق"، handlerInOut)؛
المراجع:
https://api.jquery.com/hover/