jq禁用html标签

原文：http://www.jb51.net/article/105154.htm

移除或禁用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等方法

方法三

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

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

方法四

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

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

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

javascript事件与功能说明大全：
http://tools.jb51.net/table/javascript_event

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

转载于:https://www.cnblogs.com/libin6505/p/8513396.html

jq禁用html标签相关推荐

a标签下载文件，js/jq创建a标签导出Excel文件
a标签下载文件,js/jq 创建a标签导出Excel文件 1.设置dom(html) <button type="button" class="layui-btn ...
js jquery 禁用a标签点击事件
jquery禁用a标签方法 $(document).ready(function () { $("a").each(function () { var textValue = $( ...
JQ选择器（标签）学习
JQ选择器 JQUERY找无规律元素文本的办法具有限定子节点选择器:$("mix1[mix2]"):返回包含mix2的mix1节点.如:$("div[a]") ...
javascript:;禁用a标签默认功能的缺点。
在使用a标签做切换tab或者其他功能时,经常使用javascript:;来作为a标签的href来使用. 缺点: 1.在js尚未加载的情况下,点击该a标签会弹出新窗口. 2.会使gif动画失效(没经历过 ...
jq获取span标签的赋值和取值
<span id="spanId">span标签</span> 取值:$("#spanId").html(); 赋值:$("# ...
js 手机上input表单点击不弹出软键盘,jq禁用手机键盘
场景:有一个input或textarea输入表单,点击后会弹出键盘,影响体验. 但有时我们不需要弹出,而是点击另一个按钮后,自动输入文字到input中,.自动点击提交.方法是先disabled = t ...
如何禁用a标签的点击事件
首先说明: a标签是没有disable 属性的 . 如果想用disable 禁止a标签的点击事件,也是可以实现的: 1. a标签要用 disable 属性,必须和 pointer-events属性 ...
禁用a标签的单击事件响应
a标签默认有各种状态,例如:光标悬浮在a标签上时(hover).光标按下时(active).光标按下后即访问过(visited).默认状态(link),a标签默认能响应鼠标单击,当光标单击是默认打开h ...
JQ循环创建标签div
HTML <div class="morediv"></div> <button>创建div</button> JS(未添加ID) ...
jq循环每个标签each
$('li').each(function(i,elem){ //一参:下标 $(elem).html(i); //二参:每个元素 });

jq禁用html标签

jq禁用html标签相关推荐

最新文章

热门文章