jquery事件

事件绑定

第一种：$(selector).事件（fn）

$(document).click(function () {
    //代码
});

第二种：$(selector).bind（”事件1 事件2 …”，fn）

$(document).bind("click mouseenter", function () {
    //代码
})

第三种：$(selector).delegate(selector,[events],[data],fn)

jQuery 3.0中已弃用此方法，请用 on()代替。
参数：
selector:触发事件元素，可以没有
events:事件
data：传递到函数的额外数据

$(document).delegate(".box","click mouseenter",{"top":1}, function (event) {
    alert(event.data.top);
})

第四种：$(selector).on(events,[selector],[data],fn)【推荐使用】

参数：
events:事件
selector:触发事件元素，可以没有
data：传递到函数的额外数据

$(document).on("click mouseenter",".box",{"top":1to}, function (event) {
    alert(event.data.top);
});

事件解绑

事件解绑尽量遵循用什么方式绑定就用什么方式解绑

第一种和第二种解绑：$(selector).unbind(events,[fn])

$(document).unbind("mouseenter");

第三种解绑：$(selector).undelegate([selector,[events],fn])

$(document).undelegate(".box","mouseenter",fn)

第四种解绑：off(events,[selector],[fn])

$(document).off("mouseenter",".box");

事件触发

第一种触发方式：$(selector).事件（）

此方法会触发浏览器行为（效果）

$(document).click();
$(document).mouseenter();

第二种触发方式：$(selector).trigger(events,[data])

此方法会触发浏览器行为

$("input").trigger("focus");

第三种触发方式：$(selector).triggerHandler(events, [data])

此方法只会执行代码，不会触发浏览器行为

$("input").triggerHandler("focus");