jQuery中擁有一個非常方便的雙擊事件——dblclick()，該事件能夠幫助我們快速實現一個雙擊事件。

在使用該事件之前，我們需要先引入jQuery庫。

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

接下來就可以愉快的使用dblclick()了，如下：

<script>
$(document).ready(function() {
$("p").dblclick(function() {
$(this).hide();
});
});
</script>

以上代碼的意思是：當用戶雙擊

標簽時，這個

標簽就會消失。

我們也可以在dblclick里面加入一些動畫效果，更好的呈現頁面交互，例如：

<script>
$(document).ready(function() {
$("p").dblclick(function() {
$(this).fadeOut("slow");
});
});
</script>

以上代碼的意思是：當用戶雙擊

標簽時，這個

標簽將慢慢消失。

通過以上例子，我們可以看到jQuery的dblclick()事件使用非常簡單易懂，快速實現一個雙擊事件。