这篇文章主要介绍了jquery移除、绑定、触发元素事件使用示例详解,需要的朋友可以参考下
创新互联建站主营饶平网站建设的网络公司,主营网站建设方案,app软件定制开发,饶平h5微信小程序定制开发搭建,饶平网站营销推广欢迎饶平等地区企业咨询
代码如下:
unbind(type
[,data])
//data是要移除的函数
$('#btn').unbind("click");
//移除click
$('#btn').unbind();
//移除所有
对于只需要触发一次的，随后就要立即解除绑定的情况，用one()
代码如下:
$('#btn').one("click",function(){.......});
触发操作
trigger()
方法触发被选元素的指定事件类型。
代码如下:
$('#btn').trigger("click");
也可以直接执行事件
代码如下:
$('#btn').click();
触发自定义事件
bind()
方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。
代码如下:
$('#btn').bind("myclick",function(){....});
模拟触发上面的绑定函数
代码如下:
$('#btn').trigger("myclick");
传递数据trigger(event,[param1,param2,...])
代码如下:
$('#btn').bind("myclick",function(event,message1,message2){...........});
$('#btn').trigger("myclick",["传给message1","传给message2"]);
触发执行默认操作
代码如下:
$("input").trigger("focus");
//不仅会触发input元素绑定的focus事件，还会触发默认操作——得到焦点
只触发绑定事件，不执行浏览器默认操作
代码如下:
$("input").triggerHandler("focus");
//只触发绑定事件，不执行浏览器默认操作
其他用法
绑定多个事件类型
代码如下:
$("div").bind("mouseover
mouseout",function(){.....});
添加事件命名空间
代码如下:
$("div").bind("click.plugin",function(){......});
在所绑定的世界类型后面添加命名空间，这样在删除事件时只需要指定命名空间即可。
代码如下:
$("div").unbind(".plugin");
//删除空间内的事件
$("div").trigger("click!");
//触发所以不包含在命名空间中的click方法
如果包含在命名空间的也要触发
代码如下:
$(“div”).trigger(“click”);
取消或者绑定函数
代码如下:
$('div').bind('click',
RecommandProduct);//为div绑定RecommandProduct
函数
$('div').unbind('click',
RecommandProduct);//取消RecommandProduct
函数
可以使用jQuery的trigger() 方法来响应事件
定义和用法
trigger() 方法触发被选元素的指定事件类型。
语法
$(selector).trigger(event,[param1,param2,...])
参数描述
event 必需。规定指定元素要触发的事件。可以使自定义事件（使用 bind() 函数来附加），或者任何标准事件。
[param1,param2,...] 可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。
实例：
触发 select元素的change事件：
$("button").click(function(){
$("select").trigger("change");
});
不能触发click事件最常见的三种情况：\x0d\x0a 选择器使用错误，没有选择到标签；（请分享html代码分析）；\x0d\x0a 标签比jquery方法慢加载，也就是 先加载的方法 ， 后加载的标签；解决方法（将script标签与js方法 写在页面的底部 也就是 body 标签的下面）或者如下代码\x0d\x0a\x0d\x0a\x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a $(document).ready(function(){\x0d\x0a $(".test").click(function(){\x0d\x0a alert("333");\x0d\x0a });\x0d\x0a });\x0d\x0a \x0d\x0a 点击事件测试\x0d\x0a \x0d\x0a \x0d\x0a 点击弹出\x0d\x0a \x0d\x0a \x0d\x0a jquery文件或者js文件 导入路径错误或者没有导入 （新手低级错误）；\x0d\x0a\x0d\x0a（纯手打，求采纳，已测试代码。梦魂清风 @author：dream breeze）！！
单单这么一句话属实是难以判断，怎么着也得见码说话吧。
但是本着能帮人处且帮人的共产主义精神，有下面几种原因：
1）代码错误，导致代码执行中断。这个最常见，也很好发现，打开控制台确认是否有错误产生即可。
2）事件绑定在元素出现之前。jQuery有个特点，就是出现这样的问题并不会报错，所以需要题主自己确认是否将绑定事件写到了元素出现之前。
3）事件冲突。这个描述有些不准确，大概意思是确认代码是否有取消事件的代码，或者说触发其他事件时候导致代码错误无法继续执行。
给你举个例子：
html xmlns=""
head
title/title
script src="js/jquery-1.8.0.js" type="text/javascript"/script
script type="text/javascript" charset="utf-8" language="javascript"
$(function () {
$("#check").click(function () {
alert("点击事件后就会触发这里");
});
});
/script
/head
body
a id="check" href="javascript:void(0);"点击事件/a
/body
/html