首页 > 网站 > WEB开发 > 正文

jquery事件

2024-04-27 15:11:05
字体:
来源:转载
供稿:网友

事件绑定

第一种:$(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");
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表