asp.net JQuery .hover event gives out "object expected" error

Answer 1

would this give you more of what you want?

also, make sure you're including the jquery library somewhere above this.

$(document).ready(function() {
    $('.ui-button').hover(function() {
        $(this).addClass("ui-state-hover");
    },
                function() {
                    $(this).removeClass("ui-state-hover");
                }
        ).mousedown(function() {
            $(this).addClass("ui-state-active");
        })
        .mouseup(function() {
            $(this).removeClass("ui-state-active");
        });
});

Answer 2

Try changing your code to this....

$(document).ready(function() {
    //SELECT THE .ui-button CLASS INSTEAD OF this
    $('.ui-button').hover(function() {
        $(this).addClass("ui-state-hover");
    },
                function() {
                    $(this).removeClass("ui-state-hover");
                }
        ).mousedown(function() {
            $(this).addClass("ui-state-active");
        })
        .mouseup(function() {
            $(this).removeClass("ui-state-active");
        });
});

I do not believe that "this" has the context that you were targeting when you use this line of code...

$(this).hover(function() {

Try replacing the line above with the following...

$('.ui-button').hover(function() {

Answer 3

In your current code snippet, $(this) is referring to $(document). Try this:

$(document).ready(function() {  
    $('.ui-button').hover(function() {  
        $(this).addClass("ui-state-hover");  
    }, <rest of code omitted>
}

Now $(this) is referring to $('.ui-button'), which is what you want.