本文摘自PHP中文网,作者V,侵删。
jquery禁用a标签的方法:可以通过去掉a标签中的href属性来实现,如【$('#button').attr('disabled',"true");】。
禁用a标签的方法如下:
(学习视频分享:jquery视频教程)
方法一:
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', '#'); //修改< a >的 href属性值为 # 这样状态栏不会显示链接地址
$(this).click(function (event) {
event.preventDefault(); // 如果< a >定义了 target="_blank“ 需要这句来阻止打开新页面
});
}
});
});
|
方法二:
1 2 3 4 | $('a.tooltip').live('click', function(event) {
alert("抱歉,已停用!");
event.preventDefault();
});
|
方法三:
1 2 3 4 | $(function(){
$('.disableCss').removeAttr('href');//去掉a标签中的href属性
$('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件
});
|
方法四:
阅读剩余部分
相关阅读 >>
jq如何改变css样式
bootstrap 5 alpha发布啦!不再依赖jQuery,放弃支持ie
jQuery与javascript有什么关系?
jQuery如何判断输入框是否为空
jQuery ajax post 回调函数不执行怎么办
jQuery如何判断元素是否有某个属性
jQuery中如何实现判断空串
jQuery 元素不可用怎么设置
jQuery如何判断是否为数字?
如何解决jQuery无法加载问题
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery怎么禁用a标签