a jquery 标签点击不跳转_jquery如何才可以让a标签不跳转

jquery如何才可以让a标签不跳转

发布时间：2020-11-11 10:05:18

来源：亿速云

阅读：75

作者：小新

这篇文章给大家分享的是有关jquery如何才可以让a标签不跳转的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。jquery让a不跳转的实现方法：1、通过“event.preventDefault();”语句阻止打开新页面；2、通过live方法禁用a标签；3、去掉a标签中的href属性以及onclick事件。

jQuery控制a标签不可点击不跳转

jquery禁用a标签方法1$(document).ready(function () {

$("a").each(function () {

var textValue = $(this).html();

if (textValue == "XX概况" || textValue == "服务导航") {

$(this).css("cursor", "default");

$(this).attr('href', '#'); //修改的 href属性值为 # 这样状态栏不会显示链接地址

$(this).click(function (event) {

event.preventDefault(); // 如果定义了 target="_blank“ 需要这句来阻止打开新页面

});

}

});

jquery禁用a标签方法2$('a.tooltip').live('click', function(event) {

alert("抱歉,已停用！");

event.preventDefault();

});

jquery禁用a标签方法3$(function(){

$('.disableCss').removeAttr('href');//去掉a标签中的href属性

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

});

jquery控制按钮的禁用与启用

控制按钮为禁用：$('#button').attr('disabled',"true");添加disabled属性

$('#button').removeAttr("disabled"); 移除disabled属性

感谢各位的阅读！关于jquery如何才可以让a标签不跳转就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！

a jquery 标签点击不跳转_jquery如何才可以让a标签不跳转相关推荐

jquery mobile的a标签点击无法跳转的问题
二次开发,遇到些小问题,嘿嘿,终于解决了. 搜出来的结果在此总结一下: 当我们的网站引用了jquery mobile的js后,点击页面的链接,你会发现页面无法跳转,因为jquery mobile默认是 ...
a jquery 标签点击不跳转_form标签的action属性怎么用？form标签action属性的用法介绍（附实例）...
本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释.现在让我 ...
点击输入框弹出文字html,jQuery实现点击文本框弹出热门标签的提示效果
jQuery实现点击文本框弹出热门标签的提示示例_网页代码站 body { font-size:12px;font-family:Arial; } #m_tagsItem { background:# ...
a标签点击跳转失效--IE6、7的奇葩bug
一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何 ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
html a 点击防止刷新,a标签点击跳转页面不刷新的问题
作为一位前端新手,刚接触移动端开发不久,遇到的问题真的是一个接着一个... 前面写好了几个页面,今天试着将各个页面的链接打通,然后问题就来了...(╯︵╰) 这里看一下原来想要实现的两个页面跳转的效果 ...
html中加减号怎么输入,jQuery 实现点击加减号改变input标签中的value值,该怎么解决...
jQuery 实现点击加减号改变input标签中的value值我想点击左右两边的加减号,让中间input标签中的value属性值做出相应的改变,jQuery怎么实现? ------解决思路 ...
jQuery实现点击文本框弹出热门标签的提示示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
关于jquery实现点击a链接，跳转之后，该a链接处样式的修改
本来一般的列表标签都是直接给点击的li标签修改样式就可以了,直接用if判断语句就是可以的. 但是有的时候项目是别人写的,要来进行bug修复之类的,或者在开发中遇到类似的问题都可以这样解决的,我就是在改 ...

a jquery 标签点击不跳转_jquery如何才可以让a标签不跳转

a jquery 标签点击不跳转_jquery如何才可以让a标签不跳转相关推荐

最新文章

热门文章