本文摘自PHP中文网,作者coldplay.xixi,侵删。
jquery控制a标签不可点击的方法:1、去掉a标签中的href属性,代码为【$('.disableCss').removeAttr('href')】;2、添加disabled属性,代码为【attr('disabled',"true")】。

jquery控制a标签不可点击的方法:
jquery禁用a标签方法1
1 2 3 4 5 6 7 8 9 10 11 12 | $(document).ready( function () {
$( "a" ).each( function () {
var textValue = $(this).html();
if (textValue == "XX概况" || textValue == "服务导航" ) {
$(this).css( "cursor" , "default" );
$(this).attr( 'href' , '#' );
$(this).click( function (event) {
event.preventDefault();
});
}
});
});
|
jquery禁用a标签方法2
1 2 3 4 | $( 'a.tooltip' ).live( 'click' , function (event) {
alert( "抱歉,已停用!" );
event.preventDefault();
});
|
jquery禁用a标签方法3
1 2 3 4 | $( function (){
$( '.disableCss' ).removeAttr( 'href' );
$( '.disableCss' ).removeAttr( 'onclick' );
});
|
jquery控制按钮的禁用与启用
阅读剩余部分
相关阅读 >>
jQuery怎么判断元素是否被点击
css怎么设置a标签不可点击
jQuery怎么实现淡入淡出效果
jQuery判断是否为数字的方法
jQuery怎么删除html元素
jQuery a标签不可用的实现方法
vs如何安装jQuery
jQuery如何判断数组是否包含指定元素
jQuery ajax post 回调函数不执行怎么办
jQuery有哪些框架
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery如何控制a标签不可点击