使用jquery可以一次性就设置同类元素的属性，下面我们看这个方法。
假设页面的HTML元素为如下的对象：
<div id="menu">
<ul>
<li><a href="#" class="first">首页</a></li>
<li class="current_page_item"><a href="#">博客</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
其中，最为关键的就是<div id="menu">这个了，它有ID号，其它的不需要有。另外，我们要设置的就是这个div里面的所有li对象的属性为：鼠标移动到li上，其背景会改变颜色；鼠标移出之后，又恢复原来的背景颜色，这个如何做呢？
请看下面的jquery代码即可。
<script type="text/javascript">
$(document).ready(function(){
$("#menu li").on("mouseover",function(){
$(this).css({"color":"#618C04"});
$(this).css({"background-color":"#FFFFFF"});
})
$("#menu li").on("mouseout",function(){
$(this).css({"color":""});
$(this).css({"background-color":""});
})
});
</script>
其中的$("#menu li")代表的是ID号为menu的对象里面是所有li元素。