Make a html element appear clickable with JQuery / JS

Question

Is it possible to make an html element appear clickable with JQuery?

By appear clickable I mean have the mouse pointer change appearance when the user hovers over the the element.

I dont want to use a tag.

Dean Harding · Accepted Answer · 2010-06-25 05:37:31Z

6

You don't do this with Javascript, you do it with CSS:

.whatever {
    cursor: pointer;
}

You could do the same thing with jQuery if you really wanted, but all you're really doing is setting up the style:

$(".whatever").css("cursor", "pointer");

answered Jun 25, 2010 at 5:37

Dean Harding

72.9k13 gold badges151 silver badges180 bronze badges

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

Comments

Aaron Butacov · Accepted Answer · 2010-06-25 05:37:31Z

2

Use the following code:

jQuery('myelement').css("cursor", "pointer");

This can also be done in pure CSS with cursor:pointer.

answered Jun 25, 2010 at 5:37

Aaron Butacov

34.7k8 gold badges49 silver badges62 bronze badges

1 Comment

Zaz Over a year ago

Or, in modern times: $("myelement").css("cursor", "pointer");, but it's always better to use CSS unless you have a reason to use JavaScript.

cletus · Accepted Answer · 2010-06-25 05:36:49Z

2

You use the CSS cursor property for this. Directly with CSS:

#id { cursor: pointer; }

Or with jQuery using css():

$("#id").css("cursor", "pointer");

Or with Javascript:

document.getElementById("id").style.cursor = "pointer";

answered Jun 25, 2010 at 5:36

cletus

627k169 gold badges922 silver badges945 bronze badges

Comments

Evan Nagle · Accepted Answer · 2010-06-29 02:27:45Z

1

Set the style of the element to:

#elementId {
    cursor:pointer;
}

You could do it with jQuery, but not sure why you'd want to? Here 'tis:

$(this).css("cursor", "pointer");

edited Jun 29, 2010 at 2:27

answered Jun 25, 2010 at 5:36

Evan Nagle

5,1331 gold badge28 silver badges24 bronze badges

Collectives™ on Stack Overflow

Make a html element appear clickable with JQuery / JS

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related