I have this code html <div id=addQuesion> <ul id=aQul> <li class=aQli></li> <li class=aQli></li> </ul>

Question

Editorial Team

Asked: June 3, 20262026-06-03T14:51:32+00:00 2026-06-03T14:51:32+00:00

I have this code

html

<div id="addQuesion">
    <ul id="aQul">
        <li class="aQli"></li>
        <li class="aQli"></li>
    </ul>
</div>

and my jQuery is

$(document).ready(function(){
    $(".aQli").mouseover(function(){

    });
    $(".aQli").mouseout(function(){

    });
});

I want when hovering over a li, the background should be red, and on exit from that li, the background should return to white. How can I do this?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-03T14:51:35+00:00

Editorial Team

Do you have to use jQuery?

The more “correct” way would be to add a hover style to your class.

.aQli:hover{
   background-color: red;   
}