如何使用jQuery将指针更改为指针？

Question

这可能很容易，但我从来没有做过。你如何改变你的手指（比如点击链接）而不是常规指针？

以及如何使用jQuery来做到这一点，因为这就是我使用它的原因。

Answer 1

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

我知道你的原始问题可能会引起混淆，但“finger”游标实际上被称为“指针”。

正常的箭头光标只是“默认”。

all possible default pointer looks DEMO

Answer 2

更新！新&改进！查找插件@GitHub！

---

在另一方面，虽然that method很简单，我创建了一个jQuery插件（found at this jsFiddle, just copy and past code between comment lines），使得改变任何元素上的光标那样简单$("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! 

供应是有限的，所以立即行动！

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