Question

这可能很容易，但我以前从未这样做过。如何将光标更改为手指（如点击链接）而不是常规指针？

如何使用jQuery实现这一点，因为我正在使用它。

Answer 1

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

我知道根据您的原始问题可能会造成混淆，但“手指”光标实际上称为“指针”。

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

all possible default pointer looks DEMO

Answer 2

更新！新的＆amp;改进！找到插件@ GitHub！

另一方面，虽然that method很简单，但我创建了一个jQuery插件（found at this jsFiddle, just copy and past code between comment lines），它可以将光标更改为$("element").cursor("pointer")之类的任何元素。

但这不是全部！立即行动，你将获得手部功能position＆amp; 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!

供应有限，请立即行动！

Answer 3

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

使用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>

Answer 4

非常直接

HTML

<div>
<input type="text" placeholder="sometext" />

<input type="button" value="button" class="button"/>
<br/><br/>
<button class="button"> Another button</button>
</div>

Jquery的

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

// for old IE browsers

$('.button').css( 'cursor', 'hand' ); 

});

Check it out on JSfiddle

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

4 个答案: