jQuery(十二) 事件繫結

2022-02-02 05:57:38 字數 2417 閱讀 2318

一、bind()

bing()用來繫結事件,例如:

二、unbind()

unbind()用來解除事件的繫結。例如:

三、on()

on()方法用來繫結事件,例如:

四、off()

off()方法用來解除事件的繫結,例如:

注意:建議用on()方法繫結事件,效率更高。

五、示例

>事件繫結

title

>

<

script

src="../jquery-3.3.1.js"

>

script

>

<

script

>

$(function

());

// 滑鼠移出

$("#menu li").mouseout(function());

*///

bind()繫結事件$("

#menu li

").bind(

"mouseover",

function

());

$("#menu li

").bind(

"mouseout",

function

());

//bind()繫結多個事件

/*$("#menu li").bind("click mouseover",function());

*///

bind()繫結多個事件

/*$("#menu li").bind(,

mouseover:function()

});

*///

解除繫結事件

//$("#menu li").unbind(); // 解除所有的事件

//$("#menu li").unbind("click");// 只解除click事件,保留滑鼠移入事件

//on()繫結事件

//處理新增背景色效果$("

#menu

").on(

"mouseover",

"li",{},

function

());

$("#menu

").on(

"mouseout",

"li",{},

function

());

//off()解除繫結$("

#menu

").off(

"mouseout",

"li");

//只移除moustout事件

});

script

>

head

>

<

body

>

<

input

type

="button"

value

="新增"

/>

<

ul id

="menu"

>

<

li>html

li>

<

li>xhtml

li>

<

li>css

li>

ul>

body

>

html

>

jquery 事件繫結

1.bind bind 方法為被選元素新增乙個或多個事件處理程式,並規定事件發生時執行的函式。多個事件用空格分開 可以繫結的事件有click dblclick mouseover mouseout mousedown mouseup等滑鼠事件,至於鍵盤事件,嘗試沒發現效果。selector bind...

jquery繫結事件

1.bind 向匹配元素新增乙個或多個事件處理器。使用方式 selector bind event,data,function event 必需項 新增到元素的乙個或多個事件,例如 click,dblclick等 單事件處理 例如 selector bind click data,function ...

jQuery事件繫結

區別 bind 是直接繫結在元素上 live 則是通過冒泡的方式來繫結到元素上的。更適合列表型別的,繫結到document dom節點上。和.bind 的優勢是支援動態資料。delegate 則是更精確的小範圍使用事件 效能優於.live on 則是最新的1.9版本整合了之前的三種方式的新事件繫結機...