怎么通過jQuery給一個元素添加單擊和雙擊事件

這篇文章主要介紹了怎么通過jQuery給一個元素添加單擊和雙擊事件，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司公司2013年成立，先為黃南州等服務建站，黃南州等地企業(yè)，進行企業(yè)商務咨詢服務。為黃南州企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。

將通過bind() 方法添加單擊和雙擊事件。bind() 方法向被選元素添加一個或多個事件處理程序，以及當事件發(fā)生時運行的函數(shù)。此外，我們還會使用appendTo() 方法將結(jié)果添加到元素，appendTo() 方法在被選元素的結(jié)尾（仍然在內(nèi)部）插入指定內(nèi)容。

下面我們直接上代碼：

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $(".clickable_ele").bind("click", function () {
                $("<h5>調(diào)用單擊事件</h5>")
                    .appendTo(".res");
            });

            $(".clickable_ele").bind("dblclick", function () {
                $("<h5>調(diào)用雙擊事件</h5>")
                    .appendTo(".res");
            });
        });
    </script>
    <style>
        body {
            text-align: center;
        }

        h2 {
            color: #ff311f;
        }

        .clickable_ele {
            font-size: 20px;
            font-weight: bold;
            color: #ff7800;
        }

    </style>
</head>

<body>
<h2>創(chuàng)新互聯(lián)</h2>

<h4>
    如何給一個元素添加單擊和雙擊事件?
</h4>

<div class="clickable_ele">
    可點擊的元素
</div>

<div class="res"></div>
</body>
</html>

bind()語法是$(selector).bind(event,data,function,map)

參數(shù)分別表示：
event必需。規(guī)定添加到元素的一個或多個事件。
由空格分隔多個事件值。必須是有效的事件。
data可選。規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)。
function必需。規(guī)定當事件發(fā)生時運行的函數(shù)。
map規(guī)定事件映射 ({event:function, event:function, ...})，包含要添加到元素的一個或多個事件，以及當事件發(fā)生時運行的函數(shù)。

appendTo()語法是$(content).appendTo(selector)

參數(shù)分別表示：
content必需。規(guī)定要插入的內(nèi)容（可包含 HTML 標簽）。
selector必需。規(guī)定把內(nèi)容追加到哪個元素上。

注：

自 jQuery 版本 1.7 起，on() 方法是向被選元素添加事件處理程序的首選方法。

append() 和 appendTo() 方法執(zhí)行的任務相同；不同之處在于：內(nèi)容和選擇器的位置，以及 append() 能夠使用函數(shù)來附加內(nèi)容。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“怎么通過jQuery給一個元素添加單擊和雙擊事件”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!

當前標題：怎么通過jQuery給一個元素添加單擊和雙擊事件
URL地址：http://muchs.cn/article32/jepppc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、、Google、網(wǎng)站設計公司、軟件開發(fā)、營銷型網(wǎng)站建設

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容