Remplacez le curseur de la souris par un style de type ancre

Si je passe la souris sur un, divle curseur de la souris sera remplacé par le curseur comme celui de l'ancre HTML.

Comment puis-je faire ceci? Ai-je besoin de Javascript ou c'est possible avec CSS uniquement?

En supposant que votre diva un id="myDiv", ajoutez ce qui suit à votre CSS. Le cursor: pointerspécifie que le curseur doit être la même icône de main que celle utilisée pour les ancres (hyperliens):

CSS à ajouter

#myDiv
{
    cursor: pointer;
}

Vous pouvez simplement ajouter le style du curseur au divcode HTML de votre comme ceci:

<div style="cursor: pointer">

</div>

ÉDITER:

Si vous êtes déterminé à utiliser jQuery pour cela, ajoutez la ligne suivante à votre $(document).ready()corps ou onload: (remplacez myClasspar la classe de votre divpart)

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

Si vous voulez faire cela dans jQuery au lieu de CSS, vous suivez essentiellement le même processus.

En supposant que vous en avez <div id="target"></div>, vous pouvez utiliser le code suivant:

$("#target").hover(function() {
    $(this).css('cursor','pointer');
}, function() {
    $(this).css('cursor','auto');
});

et cela devrait le faire.

Vous n'avez en fait pas besoin de jQuery, juste de CSS. Par exemple, voici du HTML:

<div class="special"></div>

Et voici le CSS:

.special
{
    cursor: pointer;
}

Cette volonté

#myDiv
{
    cursor: pointer;
}

Je pense qu'il :hovermanquait dans les réponses ci-dessus. Donc, suivre ferait le nécessaire. (Si css était requis)

#myDiv:hover
{
    cursor: pointer;
}