关于jquery 的jquery click事件件

来源：蜘蛛抓取(WebSpider) 时间：2016-09-16 17:55 标签： jquery 调用click事件
jquery动态移除/增加onclick属性详解-jquery-网页制作-壹聚教程网jquery动态移除/增加onclick属性详解
本文章给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法，有需要了解的朋友可参考。
要实现效果：点击链接先去掉onclick属性，3秒后再自动加上该标签中的onclick属性
jQuery中，针对标签属性的操作都是使用attr()方法来实现的，比如：$(&a&).attr(&onclick&)可获得a标签的onclick属性,对应的：
&$(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值
设置onclick属性：$(&a&).attr(&onclick&,&test();&);
$(or).removeAttr(attribute)
删除onclick属性：$(&a&).removeAttr(&onclick&);
理论上上面的代码没问题，但实际上上面语句不执行也不报错，后来发现原因：
1.6之前的版本并不支持attr()方法对标签onclick属性的相关操作！
?Q句话说要使用attr()方法操作标签中的onclick属性必须使用jq库1.6或更新的库版本！
&script type=&text/& src=&jquery.min.js&&&/script&&script type=&text/javascript&&
$(function(){
&$(&.b&).click(function(){
&&$(this).removeAttr(&onclick&);
&&setTimeout(function(){
&&&$(&.b&).attr(&onclick&,&test();&);
&&&},3000)
function test(){}
&&a class=&b& href=&#& onclick=&test();&&点击去掉该链接的onclick属性，3秒后再自动加上该onclick属性&/a&
jquery中删除属性的关键词是: removeAttr 注意A是大写
上一页： &&&&&下一页：相关内容62392人阅读
javascript（6）
jquery（1）
第一种方式：
$(document).ready(function(){
$(&#clickme&).click(function(){
alert(&Hello World
第二种方式：
$('#clickmebind').bind(&click&, function(){
alert(&Hello World
第三种方式：
$('#clickmeon').on('click', function(){
alert(&Hello World
注意：第三种方式只适用于jquery 1.7以上的版本
源码如下：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&script type=&text/javascript& src=&js/jquery-1.6.1.min.js&&&/script&
&script type=&text/javascript& src=&js/jquery.validate.js&&&/script&
&script type=&text/javascript& src=&js/jquery.metadata.js&&&/script&
&script type=&text/javascript& src=&js/messages_zh.js&&&/script&
&style type=&text/css&&
#frm label.error {
&script type=&text/javascript&&
$(document).ready(function(){
$(&#clickme&).click(function(){
alert(&Hello World
$('#clickmebind').bind(&click&, function(){
alert(&Hello World
$('#clickmeon').on('click', function(){
alert(&Hello World
&label&&/label&
&form id=&frm& name=&frm& method=&post& action=&&&&label&用 户 名:
&input type=&text& name=&username& id=&username& /&
编 :&label&&/label&&/label&
&input type=&text& name=&postcode& id=&postcode& /&
&p&&label&数
&input type=&text& name=&number& id=&number& /&
&br /&&label&身份证号：
&input type=&text& name=&identifier& id=&identifier& /&
&input type=&button& name=&clickme&
id=&clickme&
value=&click me& /&
&input type=&button& name=&clickmebind& id=&clickmebind&
value=&clickme_bind& /&
&input type=&button& name=&clickmeon& id=&clickmeon&
value=&clickme_on& /&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：599928次
积分：5357
积分：5357
排名：第3487名
原创：124篇
译文：10篇
评论：45条
(2)(3)(2)(2)(2)(7)(2)(1)(3)(2)(2)(1)(2)(16)(26)(4)(26)(2)(6)(5)(1)(11)(4)(2)(4)(1)(1)jquery移除、绑定、触发元素事件使用示例详解
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了jquery移除、绑定、触发元素事件使用示例详解,需要的朋友可以参考下
代码如下: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 函数
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具

我要回帖

更多关于 jquery 调用click事件 的文章

 

随机推荐