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

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

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

4 Solutions collect form web for “如何使用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上检查出来

  • 在jQuery中设置textarea的值
  • 如何同步两个div的滚动位置?
  • jQuery datepicker - 2input/文本框和限制范围
  • 使用jquery从广播组获得价值
  • 为什么jQuery或者像getElementById这样的DOM方法找不到元素?
  • 专业的基于jQuery的Combobox控件?
  • 如何从jQuery的父级select所有的孩子(在任何级别)?
  • 我怎样才能听jQuery中的点击和按住?