如何使用 jQuery 将光标从指针更改为手指？

$('selector').css('cursor', 'pointer'); // 'default' to revert

我知道按照你原来的问题，这可能会让你感到困惑，但是“手指”光标实际上叫做“指针”。

普通的箭头光标只是“默认”。

所有可能的默认指针看起来 演示

更新! 新的和改进的! 找到插件@< strong > GitHub ！

另一方面，虽然 那种方法很简单，但是我已经创建了一个 jQuery 插件(在这个 jsFiddle 中找到 < strong > ，只需在注释行之间复制和过去的代码) ，它可以像 $("element").cursor("pointer")那样简单地更改任何元素上的光标。

但这还不是全部！现在行动，你会得到的手功能 position和 ishover没有额外的费用！这是正确的，2个非常方便的光标函数... 免费！

它们的工作原理和演示中看到的一样简单:

$("h3").cursor("isHover"); // if hovering over an h3 element, will return true,
// else false
// also handy as
$("h2, h3").cursor("isHover"); // unless your h3 is inside an h2, this will be
// false as it checks to see if cursor is hovered over both elements, not just the last!
//  And to make this deal even sweeter - use the following to get a jQuery object
//       of ALL elements the cursor is currently hovered over on demand!
$.cursor("isHover");

另外:

$.cursor("position"); // will return the current cursor position as { x: i, y: i }
// at anytime you call it!

物资有限，所以马上行动！

如何将光标更改为手指(如点击链接)而不是常规指针？

这是非常简单的实现使用的 CSS 属性 cursor，没有 jQuery需要。

你可以阅读更多关于: CSS cursor property和 cursor - CSS | MDN

.default {
cursor: default;
}
.pointer {
cursor: pointer;
}

<a class="default" href="#">default</a>


<a class="pointer" href="#">pointer</a>

非常直接

超文本标示语言

<input type="text" placeholder="some text" />
<input type="button" value="button" class="button"/>
<button class="button">Another button</button>

JQuery

$(document).ready(function(){
$('.button').css( 'cursor', 'pointer' );


// for old IE browsers
$('.button').css( 'cursor', 'hand' );
});

去 JSfiddle 看看