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

이것은 아마도 쉽지만 전에는 해본 적이 없습니다. 일반 포인터 대신 커서를 손가락으로 바꾸는 방법 (예 : 링크 클릭)?

그리고 내가 사용하고 있기 때문에 jQuery로 이것을 수행하는 방법.

$('selector').css('cursor', 'pointer'); // 'default' to revert

원래 질문에 따라 혼동 될 수 있지만 "손가락"커서는 실제로 "포인터"라고합니다.

일반 화살표 커서는 "기본"입니다.

가능한 모든 기본 포인터는 데모입니다.

최신 정보! 새로운 & 개선! 플러그인 @ 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!

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

일반 포인터 대신 커서를 손가락으로 바꾸는 방법 (예 : 링크 클릭)?

이것은 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>

매우 직설적입니다

HTML

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

jQuery

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

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

JSfiddle에서 확인하십시오