¿Cómo cambiar el cursor del puntero al dedo usando jQuery?

Question

Esto es probablemente muy fácil, pero nunca lo había hecho antes. ¿Cómo se cambia el cursor al dedo (como para hacer clic en los enlaces) en lugar del puntero normal?

Y cómo hacer esto con jQuery ya que eso es para lo que lo estoy usando.

Answer 1

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

Sé que puede ser confuso según su pregunta original, pero el cursor "dedo" en realidad se llama "puntero".

El cursor de flecha normal es simplemente "predeterminado".

all possible default pointer looks DEMO

Answer 2

actualización! ¡Nuevo & mejorado! Encuentre el plugin @GitHub!

---

En otra nota, mientras que that method es sencilla, he creado un tapón de jQuery (found at this jsFiddle, just copy and past code between comment lines) que hace cambiar el cursor sobre cualquier elemento tan simple como $("element").cursor("pointer").

¡Pero eso no es todo! ¡Actúe ahora y obtendrá las funciones manuales position & ishover sin costo adicional! Así es, 2 funciones de cursor muy prácticas ... ¡GRATIS!

Ellos trabajan tan simple como se ve en la demo:

$("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"); 

también:

$.cursor("position"); // will return the current cursor position as { x: i, y: i } 
    // at anytime you call it! 

Las existencias son limitadas, por lo que actuar ahora!

Answer 3

¿Cómo se cambia el cursor al dedo (como para hacer clic en los enlaces) en lugar del puntero normal?

Esto es muy simple de lograr usando la propiedad CSS cursor, no jQuery necesaria.

Puede leer más acerca de: CSS cursor property y cursor - CSS | MDN

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

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

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

Answer 4

Es muy sencillo

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

}); 

Check it out on JSfiddle