如何使用jQuery将指针更改为手指?
这可能很容易,但我从来没有做过。 你如何改变你的手指(如点击链接),而不是常规指针?
以及如何使用jQuery做到这一点,因为这是我使用它。
$('selector').css( 'cursor', 'pointer' );
我知道这可能是你的原始问题,但“手指”光标实际上被称为“指针”。
正常的箭头光标只是“默认”。
所有可能的默认指针看起来都是DEMO
更新! 新的改进! find插件@ GitHub !
另一方面,虽然这个方法很简单,但是我创build了一个jQuery插件( 在这个jsFiddle中find,只是在注释行之间复制和过去代码 ),使得任何元素上的光标都变为$("element").cursor("pointer")
。
但是,这不是全部! 现在就行动,你将得到手functionposition
和ishover
不收取额外费用! 这是正确的,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 property
和cursor - 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上检查出来