如何使用jQuery将指针更改为手指?

这可能很容易,但我从来没有做过。 你如何改变你的手指(如点击链接),而不是常规指针?

以及如何使用jQuery做到这一点,因为这是我使用它。

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

我知道这可能是你的原始问题,但“手指”光标实际上被称为“指针”。

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

所有可能的默认指针看起来都是DEMO

更新! 新的改进! find插件@ GitHub


另一方面,虽然这个方法很简单,但是我创build了一个jQuery插件( 在这个jsFiddle中find,只是在注释行之间复制和过去代码 ),使得任何元素上的光标都变为$("element").cursor("pointer")

但是,这不是全部! 现在就行动,你将得到手functionpositionishover不收取额外费用! 这是正确的,2非常方便的光标function…免费!

他们在演示中看起来很简单:

 $("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 propertycursor - CSS | MDN cursor - CSS | MDN

 .default { cursor: default; } .pointer { cursor: pointer; } 
 <a class="default" href="#">default</a> <a class="pointer" href="#">pointer</a> 

这是非常简单的

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' ); }); 

在JSfiddle上检查出来