溫馨提示×

jQuery mouseout()方法怎么使用

小億
102
2023-10-12 15:31:55
欄目: 編程語言

jQuery的mouseout()方法用于在鼠標指針移出元素時觸發指定的事件。

使用方法如下:

$(selector).mouseout(function(){
// 在鼠標移出元素時要執行的代碼
});

其中,selector是要綁定mouseout事件的元素的選擇器,可以是元素的id、class,或者其他任何合法的CSS選擇器。

以下是一個示例:

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("p").mouseout(function(){
$(this).css("background-color", "red");
});
});
</script>
</head>
<body>
<p>將鼠標移到這個段落上,然后移出看看。</p>
</body>
</html>

在上面的示例中,當鼠標移出段落元素時,將其背景顏色修改為紅色。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女