发布于 2017-07-14 11:27:41 | 19 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的jQuery示例,程序狗速度看过来!

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。


这篇文章主要介绍了jQuery移除或禁用html元素点击事件常用方法,结合实例形式总结分析了jQuery针对onclick事件的禁用与屏蔽技巧,需要的朋友可以参考下

本文实例讲述了jQuery移除或禁用html元素点击事件常用方法。分享给大家供大家参考,具体如下:

移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现。

一、CSS方法

.disabled { pointer-events: none; }

二、jQuery方法

方法一


$(this).click(function (event) {
event.preventDefault();
}

方法二


$('a').live('click', function(event) {
   alert("抱歉,已停用!");
   event.preventDefault();
});

注:此方法中的live亦可以为on,bind等方法

方法三


$('.disableCss').removeAttr('onclick');//去掉标签中的onclick事件

通过removeAttr方法来控制html标签的属性已达到启用或禁用事件。另,使用这种方式也可以控制其他事件或其他效果。

方法四


$('#button').attr('disabled',"true");//添加disabled属性
$('#button').removeAttr("disabled"); //移除disabled属性

注:和方法三是一样的,不过disabled属性一般用在类型为button或submit的input上

PS:这里再附上javascript常见事件与功能说明的在线对照表供大家参考:

希望本文所述对大家jQuery程序设计有所帮助。



相关阅读 :
jQuery移除或禁用html元素点击事件常用方法小结
jquery实现点击label的同时触发文本框点击事件的方法
jQuery实现移动 和 渐变特效的点击事件
jquery中交替点击事件toggle方法的使用示例
解决jQuery ajax动态新增节点无法触发点击事件的问题
jQuery移除元素自动解绑事件实现思路及代码
jquery移除、绑定、触发元素事件使用示例详解
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
jQuery on()方法绑定动态元素的点击事件实例代码浅析
jQuery移除tr无效的解决方法(tr是动态添加)
jquery移除button的inline onclick事件(已测试及兼容浏览器)
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务