Thay đổi con trỏ chuột khi di chuột qua thành kiểu neo

Nếu tôi di chuột qua divcon trỏ chuột sẽ được thay đổi thành con trỏ giống như trong HTML anchor.

Tôi có thể làm cái này như thế nào? Tôi có cần Javascript hay chỉ có CSS?

Giả sử của bạn divcó một id="myDiv", hãy thêm phần sau vào CSS của bạn. Chỉ cursor: pointerđịnh rằng con trỏ phải là cùng một biểu tượng bàn tay được sử dụng cho neo (siêu liên kết):

CSS để thêm

#myDiv
{
    cursor: pointer;
}

Bạn chỉ cần thêm kiểu con trỏ vào divHTML của mình như sau:

<div style="cursor: pointer">

</div>

BIÊN TẬP:

Nếu bạn quyết định sử dụng jQuery cho việc này, hãy thêm dòng sau vào nội dung $(document).ready()hoặc nội dung của bạn onload: (thay thế myClassbằng bất kỳ lớp nào mà tất cả divchia sẻ của bạn )

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

Nếu bạn muốn làm điều này trong jQuery thay vì CSS, về cơ bản bạn làm theo quy trình tương tự.

Giả sử bạn có một số <div id="target"></div>, bạn có thể sử dụng mã sau:

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

Và rằng nên làm điều đó.

Bạn thực sự không cần jQuery, chỉ cần CSS. Ví dụ, đây là một số HTML:

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

Và đây là CSS:

.special
{
    cursor: pointer;
}

Điều này sẽ

#myDiv
{
    cursor: pointer;
}

Tôi nghĩ rằng :hoverđã bị thiếu trong các câu trả lời trên. Vì vậy, sau đây sẽ làm những điều cần thiết. (Nếu cần css)

#myDiv:hover
{
    cursor: pointer;
}