In this Example ,When user move mouse over the list, jquery will fire addclass event and CSS will be applied on <li>.
Overview
- Add Class
- Remove Class
- Jquery
- HTML Mark
- Output
- Conclusion
Add Class (addClass(CSS class name))
Class name is used to add class from set of elements.
Remove Class (removeClass(CSS class name))
Class name is used to remove class from set of elements.
Jquery
Add online Reference under head tag of your page as given below.
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
Add jquery functions under head section as given below

HTML Mark
Add unorder List as given Below
<ul id="List">
<li>Aamir Hasan</li>
<li>Bill Gate</li>
<li>Saba Khan</li>
<li>Awais Ahmed</li>
<li>Studentacad.com</li>
</ul>
Output

conclusion
This is how simple to add and remove class on client side using jquery.
View online Demo
Download Source Code:ADD remove css.rar (3.15 kb)
[adsense aamirhasan text two]