Javascript 将鼠标上的鼠标光标更改为锚定样式

如果我将鼠标悬停在

div

上，鼠标光标将更改为HTML锚中的光标

---

我该怎么做？我需要Javascript还是只需要CSS就可以了？

假设您的

div

具有

id=“myDiv”

，请将以下内容添加到CSS中。

cursor:pointer

指定光标应该是用于锚定（超链接）的同一个手形图标：

要添加的CSS

#myDiv
{
    cursor: pointer;
}

您只需将光标样式添加到

div

的HTML中，如下所示：

<div style="cursor: pointer">

</div>

---

实际上，您不需要jQuery，只需要CSS。例如，以下是一些HTML：

<div class="special"></div>

这将

#myDiv
{
    cursor: pointer;
}

---

如果希望在jQuery而不是CSS中执行此操作，基本上遵循相同的过程

假设您有一些

，您可以使用以下代码：

$("#target").hover(function() {
    $(this).css('cursor','pointer');
}, function() {
    $(this).css('cursor','auto');
});

---

这应该就够了。

我认为上面的答案中缺少了

：hover

。因此，以下内容可以满足需要。（如果需要css）

---

我想用jquery而不是css@guru：不需要编写脚本。您只需将

style=“cursor:pointer”

添加到您的

div

的HTML中。我将用一个例子来编辑我的答案。同一个类有五个除法，我不能添加到所有的“style=”cursor:pointer“@guru，如果所有的除法都有相同的类，那么你实际上可以添加“cursor:pointer”“在页面的CSS文件中为该类添加CSS规则如果问题在于目标定位，那么正如Justin已经问过的，并且每个人都必须问的那样，发布代码以便我们可以帮助您附加它。这是多余的，因为div的光标只有在鼠标位于其上方时才可见。一旦用户悬停在外，就没有理由删除它，因为此时无论如何都看不到光标。虽然问题的范围很窄（关于DIVs），但这个答案适用范围很广。它对任何HTML元素都很有用，例如表、、按钮等。这就是为什么我+1使用它。在没有：hover的情况下对我有效，而且可能会更多，因为答案有很多赞成票。你试过了吗？

#myDiv
{
    cursor: pointer;
}

$("#target").hover(function() {
    $(this).css('cursor','pointer');
}, function() {
    $(this).css('cursor','auto');
});

#myDiv:hover
{
    cursor: pointer;
}