Javascript 悬停光标指针

Posted 2023-03-06

【中文标题】Javascript 悬停光标指针

【英文标题】：Javascript Hover Cursor Pointer

【发布时间】：2012-12-15 02:11:54

【问题描述】：

尝试使用 Jquery 在悬停时执行光标指针：

$('#example td').hover(function() 
$(this).css('cursor','pointer');
);

我不想把它放在 CSS 中，我想要它放在 Jquery 中。

我需要做什么来解决这个问题？

http://jsfiddle.net/Egttj/

【问题讨论】：

为什么不想使用 CSS？

jQuery 不是 CSS 的替代品。

“如何用玻璃瓶敲钉子？”

@DJ Howarth：我不知道您在运行代码时遇到了什么错误。我已经在 jsFiddle 中完美地执行了它。可能我猜你可能在执行时忘记在 jsFiddle 中打开 jQuery。

@Blender It's really great and does all things

【参考方案1】：

在我清理了你的 jquery 之后，它似乎在这里工作，你忘记关闭第一次点击功能，并且你的 html 中没有声明搜索表单和按钮（我将其更改为 #example tr）

基本上你的 jQuery 没有那么好编码（也有一行 5.）不属于那里）。

我还将“你的框架”设置为 jQuery 而不是标准选择的 mooTools

这是我删除一些不必要的代码后得到的完整的jQuery代码：

$(document).ready(function() 

    $('#example tr').click(function() 
        var href = $(this).find("a").attr("href");
        if(href) 
            window.location = href;
        
    );

    $('#example tr').hover(function() 
        $(this).css('cursor','pointer');
    );

);

Fiddle

【参考方案2】：

由于某种原因，我无法评论 Tobias Nilsons 的答案，所以在这里作为答案。

$('#example td').css('cursor', 'pointer');`

无论如何，您没有理由要指定在悬停时应用的样式。光标实际上只出现在悬停时，所以。

小提琴：http://jsfiddle.net/Egttj/15/

我假设简单地在样式表中指定相应的规则会给您带来一些麻烦。但是，是的，正如每个人都指出的那样，这确实是最好和最简单的方法。

【参考方案3】：

比较第一种方法

$('#example tr').hover(function() 
    $(this).css('cursor','pointer');
);

用第二种方法

$('#example td').css('cursor', 'pointer');`

我建议坚持第一个，因为它可以扩展到我们想要的任何 jQuery：

$('#example tr').hover(function() 

    $(this).css('cursor','pointer');

    $(this).click(function() 
       var href = $(this).find("a").attr("href");
       if(href) 
          window.location = href;
       
    );

);