使用jquery禁用div中的标记

Question

我想使用jQuery禁用div中的'a‘标签。

其结构如下：

<div id="xyz"><a style="cursor:pointer;" href="abc.php">xxxx</a></div>

关于某一特定行动：

1. cursor: pointer属性应该消失
2. 对'a‘标签的操作不应起作用
3. ‘’标签看起来应该是不可点击的

Answer 1

嗨，你可以使用下面的css行

#xyz a{
   pointer-events: none;
   cursor: default;
}

使用css禁用链接

Answer 2

给你：

$("#xyz a").css("cursor", "auto").removeAttr("href");

Answer 3

可以使用“防止”标记的默认操作。

  $('#xyz a').click(function(event){
        event.preventDefault();
    });

演示