在文檔載入完成后,如果我們打算給指定或匹配的元素綁定動作事件,讓它們來完成一些我們規定的的動作,我們可以使用jQuery中的bind()方法來匹配元素來進行特定事件的綁定,

jQuery中的bind()方法解析

bind()方法:為被選元素添加一個或多個事件處理程序,并規定事件發生時運行的函數。

語法:

$(selector).bind(event,data,function)

国产视频appevent:綁定的事件,一個或是多個,必須是有效的事件

国产视频appdata:可選,規定傳遞到到函數的值

function:規定事件的動行函數,必須項目

第二種語法

$(selector).bind({event:function, event:function, ...})

舉個例子

利用jQuery的bind()方法給按鈕加入一個點擊事件

利用jQuery的bind()方法給按鈕加入一個點擊事件

HTML代碼

<div id="mochu">
    <p>這里是P標簽內容</p>
    <p>這里是第二個P標簽的內容</p>
</div>

JQ代碼

$("#button").bind("click",function(){
    $("#mochu").hide();
})

結果,我們點擊測試按鈕后,DIV元素會被隱藏

利JQ的bind()方法添加三個事件

利JQ的bind()方法添加三個事件

HTML代碼

<div id="mochu">
    <p>這里是P標簽內容</p>
    <p>這里是第二個P標簽的內容</p>
</div>

JQ代碼

$("#button").bind({
    click:function () { $("#mochu").hide(); },
    mouseover:function () { $("body").css("background", "red"); },
    mouseout:function () { $("body").css("background", "#fff"); }
});