jquery如何才可以讓a標簽不跳轉

這篇文章給大家分享的是有關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', '#');     //修改<a>的 href屬性值為 #  這樣狀態欄不會顯示鏈接地址  
                $(this).click(function (event) {
                    event.preventDefault();   // 如果<a>定義了 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標簽不跳轉就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！