jQuery - طريقة تحوم ()
طريقة hover () < / span> لكلا الحدثين < span style = "font-family:" ساعي جديد" , " ساعي" ، حافلة صغيرة؛" > الماوس < / span > و إجازة الماوس< / الامتداد >. يمكنك استخدامه لاكتشاف متى يمر الماوس تحت عنصر..hover( handlerIn, handlerOut )
الطريقة < 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 > هذه الطريقة مفيدة عند تكرار نفس المعالجة لكل من أحداث الإدخال والإخراج لمنطقة العنصر الهدف. لن نحتاج إلى نسخ الكود إلى كل من وظائف حدث الإدخال والإخراج.
< 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>