[javascript] jQuery를 사용하여 포인터를 손가락으로 바꾸는 방법은 무엇입니까?

최신 정보! 새로운 & 개선! 플러그인 @ GitHub를 찾아라!

또 다른 참고로, 그 방법 은 간단하지만 jQuery 플러그 ( 이 jsFiddle에서 주석 행 사이의 코드를 복사하고 붙여 넣습니다 )를 만들었습니다 $("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!

소모품이 제한되어 있으므로 지금 바로 행동하십시오!

답변

.default {
  cursor: default;
}
.pointer {
  cursor: pointer;
}

<a class="default" href="#">default</a>

<a class="pointer" href="#">pointer</a>

<input type="text" placeholder="some text" />
<input type="button" value="button" class="button"/>
<button class="button">Another button</button>

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

  // for old IE browsers
  $('.button').css( 'cursor', 'hand' );
});