jQyery 隔行换色以及鼠标悬浮单击变色事件

</pre><pre name="code" class="javascript"><pre name="code" class="javascript">$(function(){
<span style="white-space:pre">		</span>//隔行换色
		$(".secondTable tr :odd	").addClass("trall");
<span style="white-space:pre">		</span>
		$(".secondTable tr:gt(0)").mouseover(function(){//鼠标悬浮事件
			$(this).removeClass("trall").addClass("trover").siblings().removeClass("trover");
		}).mouseout(function(){//鼠标离开事件
			$(".secondTable tr :odd	").addClass("trall");
		}).click(function(){//书包单击事件
			this.addClass("trclick").sibings().removeClass("trclick");
		});
});
//css代码
<pre name="code" class="css">.trover{background-color:#ccc}
.trclick{background-color:red}
.trall{background-color:#d5f4fe}

 
 

 
 
 
 


你可能感兴趣的:(jquery,鼠标事件)