Quelle est la meilleure façon de changer le curseur dans JQuery

Question

Je suis nouveau sur JQuery.
J'essaie d'ajouter du code dans ma page Web HTML pour changer le curseur,
mais je ne suis pas sûr que ce soit la meilleure façon de le faire en utilisant JQuery seul plutôt que de faire une déclaration auto-custom dans un CSS externe .
(Je ne sais pas si JQuery a obtenu des propriétés CSS intégrées.)

Voici le code de ma page web HTML très simple:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#replybox").draggable();   
     $("#closed").mouseover(function(){ 
     $("#closed").css("cursor","pointer"); 
     });   
}); 
</script> 
<div id="replybox"> 
<form> 
<table border="2"> 
<tr><td align="center" bgcolor="#FFAAAA"> 
<span id="closed">Press here to close this box</span></td></tr> 
<tr> 
<td align="center"> 
Content:<textarea name="data[Reply][quote]" id="data[Reply][quote]" cols="72" rows="18">Helloworld</textarea> 
</td> 
</tr> 
</table> 
</form> 
</div> 

S'il vous plaît conseiller.

Answer 1

Vous pouvez le faire en CSS ainsi:

span.crosshair {cursor:crosshair} 
span.help {cursor:help} 
span.wait {cursor:wait} 

Answer 2

Pourquoi pas $("#closed").css("cursor", "pointer"); en dehors du mouseover? Par défaut, le curseur ne s'affiche que lorsque la souris survole l'élément.

Cependant, si vous savez depuis le début l'élément #closed aura un curseur de pointeur, pourquoi ne pas le mettre dans une feuille de style? Quelque chose comme #closed { cursor: pointer; }. Cela va le laisser fonctionner pour les personnes avec JavaScript désactivé aussi.

Answer 3

$("#closed").css("cursor", "property-value");

voir une liste des biens disponibles valeurs ici: http://w3schools.com/css/pr_class_cursor.asp