本文摘自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 :disabled是什么选择器
如何解决jQuery ajax中文乱码问题
如何使用jQuery向select选项框中添加新选项
jQuery unbind方法怎么使用
jQuery如何判断是否是ie6浏览器
jQuery怎么判断对象是否存在?
jq如何改变css样式宽度
jQuery如何设置不可点击
jQuery怎样才能快速滚动到页面顶部
javascript中stop方法的作用是什么
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery如何控制a标签不可点击