Jquery写的双色表格示例

来源:百度文库 编辑:神马文学网 时间:2024/04/28 05:14:16
$(documetn).ready(function(){
alert("config!");
})//该函数在页面加载完成后执行
一个简单的双色表格的例子
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="JqueryDemos.aspx.cs" Inherits="JqueryDemos._Default" %>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Jquery Student





cellpadding="0">
















































姓名

年龄

QQ

Email

xx

xx

xx

xx

xx

23

xx

xx

xx

xx

xx

xx

xx

xx

31540205

xx

xx

xx

31540205

xx

xx

xx

xx

xx


效果出来了哦!




这里有一个jQuery的技巧不得不提一下:jQuery的链式操作,什么是链式操作呢? 我们来看看,本来应该写
成这样子的:
$(".stripe tr").mouseover(function(){
$(this).addClass("over");})
$(".stripe tr").mouseout(function(){
$(this).removeClass("over"); })
但是我们写成了:
$(".stripe tr").mouseover(function(){
$(this).addClass("over");}).mouseout(function(){
$(this).removeClass("over");})
在jQuery中,执行完mouseover或者mouseout等方法之后,都会返回当前的对象,所以可以进行链式操作