JQuery---toggleClass()
来源:互联网 发布:mini2440开发板 淘宝 编辑:程序博客网 时间:2024/05/03 08:25
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Disco Zebra Stripes!</title>
<script type="text/javascript" src="../scripts/jquery-1.2.1.js">
</script>
<script type="text/javascript">
$(function() {
$("table tr:nth-child(even)").addClass("striped");
});
function swap() {
$('tr').toggleClass('striped');
}
</script>
<style>
body,td {
font-size: 10pt;
}
table {
background-color: black;
border: 1px black solid;
border-collapse: collapse;
}
th {
border: 1px outset silver;
background-color: maroon;
color: white;
}
tr {
background-color: white;
margin: 1px;
}
tr.striped {
background-color: coral;
}
td {
padding: 1px 8px;
}
</style>
</head>
<body>
<table onmouseover="swap()" onmouseout="swap()">
<tr>
<th>Year</th>
<th>Make</th>
<th>Model</th>
</tr>
<tr>
<td>1965</td>
<td>Ford</td>
<td>Mustang</td>
</tr>
<tr>
<td>1970</td>
<td>Toyota</td>
<td>Corolla</td>
</tr>
<tr>
<td>1979</td>
<td>AMC</td>
<td>Jeep CJ-5</td>
</tr>
<tr>
<td>1983</td>
<td>Ford</td>
<td>EXP</td>
</tr>
<tr>
<td>1985</td>
<td>Dodge</td>
<td>Daytona</td>
</tr>
<tr>
<td>1990</td>
<td>Chrysler</td>
<td>Jeep Wrangler Sahara</td>
</tr>
<tr>
<td>1995</td>
<td>Ford</td>
<td>Ranger</td>
</tr>
<tr>
<td>1997</td>
<td>Chrysler</td>
<td>Jeep Wrangler Sahara</td>
</tr>
<tr>
<td>2000</td>
<td>Chrysler</td>
<td>Jeep Wrangler Sahara</td>
</tr>
<tr>
<td>2005</td>
<td>Chrysler</td>
<td>Jeep Wrangler Unlimited</td>
</tr>
<tr>
<td>2007</td>
<td>Dodge</td>
<td>Caliber R/T</td>
</tr>
</table>
</body>
</html>
说明:toggleClass()来回切换样式
- jquery toggleClass
- JQuery---toggleClass()
- jquery使用toggleClass
- jQuery toggleClass(示例1)
- jquery.toggleClass()方法详解
- Jquery toggleClass的使用
- jquery中的addClass(),removeClass(),toggleClass()
- jQuery方法toggleClass的方法
- Jquery的toggleClass用法注意
- jQuery 属性操作 - toggleClass() 方法
- jQuery toggleClass方法的使用
- jQuery中toggleClass()与toggle()
- toggleClass
- Jquery选择器和.css,.addClass,.toggleClass
- JQuery中each()与toggleClass()使用
- Jquery中toggleClass的两种用法
- jQuery增加addClass、删除removeClass、toggleClass
- JQuery中closet、toggleClass、removeClass、addClass理解
- 开源搜索引擎之路
- 信息无障碍的修复脚本
- 文件类型识别
- 统计单词频率(HashMap)
- jdom dom4j解析xml不对dtd doctype进行验证
- JQuery---toggleClass()
- 修改dedecms 5.6 模板默认颜色样式技巧
- 自定义WPF 窗口样式
- 下载
- 来自7-Eleven的十条管理经验
- QR Code
- Net Framework各版本(2)-vs2010添加引用页和CLR side-by-side的变化
- Linux嵌入式驱动初体验(七)--- LED驱动之字符设备篇
- 用C#复制文件到另一磁盘