apply javascript functions to all objects in a css class

Question

I have this code:

$("#SidingPainting").hover(
            function() {
                $(this).addClass("ui-state-hover");
            },
            function() {
                $(this).removeClass("ui-state-hover");
            }
        )

however I have many, like a hundred divs that I want to apply these same functions to!

Is there a way that I could make a css class and apply it to each div and then apply these functions to the css class?

Or any other ideas on how to make my life easier?

I don't get it...? a softball?

kralco626
– kralco626

2010-10-15 11:23:30 +00:00
Commented Oct 15, 2010 at 11:23 — kralco626
– kralco626, Commented Oct 15, 2010 at 11:23

Community · Accepted Answer · 2017-05-23 12:33:25Z

5

With jQuery's $ you can use CSS selectors. So just write .className instead of #id

$(".hoverClass").hover(
        function() {
            $(this).addClass("ui-state-hover");
        },
        function() {
            $(this).removeClass("ui-state-hover");
        }
    )

For this you should use the :hover pseudo-class, but IE6 only supports it on the a-tags. So you need a JavaScript fallback like this for it. Detecting IE6 using jQuery.support

edited May 23, 2017 at 12:33

CommunityBot

11 silver badge

answered Oct 13, 2010 at 15:30

Christian Tellnes

2,08015 silver badges17 bronze badges

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

Comments

casablanca · Accepted Answer · 2010-10-13 15:32:52Z

1

You don't even need JavaScript if you simply want to change the class on hover. Just give all your divs a common class and use the CSS :hover pseudo-class to change styles on hover:

.SidingPainting { /* this is a class, not an ID */
  ...
}

.SidingPainting:hover {
  ...
}

answered Oct 13, 2010 at 15:32

casablanca

70.9k8 gold badges139 silver badges155 bronze badges

Collectives™ on Stack Overflow

apply javascript functions to all objects in a css class

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related