这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
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 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0714/327849.html