Измените курсор мыши при наведении указателя мыши на стиль привязки

Если я наведу указатель мыши divна значок, он изменится на курсор, как в привязке HTML.

Как я могу это сделать? Нужен ли мне Javascript или это возможно только с CSS?

Предполагая, что у вас divесть id="myDiv", добавьте следующее в свой CSS. В cursor: pointerуказывает , что курсор должен быть той же рукой значок , который является использование для анкеров (гиперссылок):

CSS для добавления

#myDiv
{
    cursor: pointer;
}

Вы можете просто добавить стиль курсора в свой divHTML-код следующим образом:

<div style="cursor: pointer">

</div>

РЕДАКТИРОВАТЬ:

Если вы решили использовать для этого jQuery, добавьте следующую строку в свой $(document).ready()или body onload: (замените myClassна любой класс все ваши divобщие ресурсы)

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

Если вы хотите сделать это в jQuery вместо CSS, вы в основном следуете тому же процессу.

Предполагая, что они у вас есть <div id="target"></div>, вы можете использовать следующий код:

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

и это должно сработать.

На самом деле вам не нужен jQuery, только CSS. Например, вот HTML:

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

А вот CSS:

.special
{
    cursor: pointer;
}

Это будет

#myDiv
{
    cursor: pointer;
}

Я думаю, что :hoverв приведенных выше ответах не было. Таким образом, следующее будет делать необходимое. (Если требуется css)

#myDiv:hover
{
    cursor: pointer;
}