How do I make the cursor stay as a pointer on text using jquery/javascript?

Question

I just want the cursor to stay a pointer when it passes over the text in my div. Using cs, it works, but using Jquery it reverts to the text selector over text.

This doesn't work...

<style>
#test
{
    height: 300px;
    width: 300px;
    background: blue;
    position:absolute;
    top: 0px;
    left: 0px;
    font-size: 80px;
}

</style>
</head>
<body>
<div id="test">It's not a pointer!</div>
<script src='jquery-1.10.2.min.js'>
</script>
<script>
$(document).ready(function(){
    $("#testjquery").hover(function(){
        $(this).css({'cursor':'hand', 'cursor':'pointer'});
    });
});
</script>

While this works fine...

<style>
#test
{
    height: 300px;
    width: 300px;
    background: blue;
    position:absolute;
    top: 0px;
    left: 0px;
    font-size: 80px;
}
#test:hover
{
    cursor: pointer;
    cursor: hand;
}
</style>
</head>
<body>
<div id="test">It's a pointer!</div>

It seems weird, as I thought jquery simply accessed the css methods. Looking for an explanation, or better yet a solution w/ how to do this in Jquery. Thanks!

Community · Accepted Answer · 2017-05-23 12:12:40Z

1

Your div id is test not testjquery

$("#test").hover(function () {
    $(this).css({
        'cursor': 'hand',
        'cursor': 'pointer'
    });
});

Update you can only use

$("#test").hover(function () {
    $(this).css({
        'cursor': 'pointer'
    });
});

Read How can I make the cursor a hand when a user hovers over a list item? as commented by frnhr

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Nov 11, 2013 at 1:34

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

frnhr Over a year ago

Honest question: do we really need cursor:hand?

frnhr Over a year ago

To answer my own question: no :) stackoverflow.com/questions/3087975/…

Collectives™ on Stack Overflow

How do I make the cursor stay as a pointer on text using jquery/javascript?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related