类选择器(Class)jQuery
来源:互联网 发布:淘宝hd版下载 编辑:程序博客网 时间:2024/05/27 20:05
1、.class:根据给定的类匹配元素
2、实例如下
class.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>类选择器</title><script type="text/javascript" src="jquery-2.0.3.js"></script><style type="text/css"> .tr_odd{ background:#CCFFFF; } .tr_even{ background:#CCFF00; }</style><script type="text/javascript"> $(function(){ //设置表格的背景色 $(".tab").css("background-color","#EBEBEB");//设置表格的宽度$(".tab").css("width","50%");//设置表格的高度$(".tab").css("height","150px");//设置表头的背景色$(".tab_tr th").css("background-color","#DEB887");//设置表体的字对齐方式$("tr td").css("text-align","center");//设置表格体边框$("tr td").css("border","1px solid #006666");//设置奇数行表格背景色$("tr:odd").addClass("tr_odd");//设置偶数行表格的背景色$("tr:even").addClass("tr_even");});</script></head><body> <table class="tab"> <tr class="tab_tr"> <th>学号</th> <th>姓名</th><th>年龄</th> <th>性别</th> <th>地址</th> <th>爱好</th> <th>电话</th> </tr> <tr> <td>2012010101</td><td>张三丰</td><td>34</td><td>男</td><td>湖北省武汉市</td><td>足球</td><td>15245245555</td> </tr> <tr> <td>2012010102</td><td>赵忠项</td><td>25</td><td>男</td><td>湖北省黄冈市</td><td>篮球</td><td>14245245555</td> </tr> <tr> <td>2012010103</td><td>孙晓雪</td><td>34</td><td>女</td><td>湖南省长沙市</td><td>羽毛球球</td><td>14512455555</td> </tr> <tr> <td>2012010104</td><td>李雪加</td><td>28</td><td>女</td><td>广东深圳市</td><td>网球</td><td>14512445555</td> </tr> <tr> <td>2012010105</td><td>孙晓雪</td><td>34</td><td>女</td><td>湖南省长沙市</td><td>羽毛球球</td><td>14512455555</td> </tr> <tr> <td>2012010106</td><td>李雪加</td><td>28</td><td>女</td><td>广东深圳市</td><td>网球</td><td>14512445555</td> </tr> <tr> <td>2012010107</td><td>孙晓雪</td><td>34</td><td>女</td><td>湖南省长沙市</td><td>羽毛球球</td><td>14512455555</td> </tr> <tr> <td>2012010108</td><td>李雪加</td><td>28</td><td>女</td><td>广东深圳市</td><td>网球</td><td>14512445555</td> </tr> <tr> <td>2012010109</td><td>孙晓雪</td><td>34</td><td>女</td><td>湖南省长沙市</td><td>羽毛球球</td><td>14512455555</td> </tr> <tr> <td>2012010110</td><td>李雪加</td><td>28</td><td>女</td><td>广东深圳市</td><td>网球</td><td>14512445555</td> </tr> </table></body></html>
3、显示结果如下图:
- 类选择器(Class)jQuery
- jQuery类名选择器(.class)
- jQuery 参考手册 - 选择器 (.class.class)
- JQuery 之CLASS选择器
- jquery多class选择器
- jquery class选择器失效
- jquery两个class选择器
- jquery选择器选取class
- jQuery class选择器的使用
- jQuery选择器探究:TAG选择器和CLASS选择器
- 标签选择器,id选择器,class类选择器
- class类选择器
- jquery基本选择器:id选择器、class选择器、标签选择器、通配符选择器
- 关于JQuery Class选择器的一点
- jquery选择器中两个class是什么意思?
- jquery,id选择器和class选择器的效率对比
- jquery id选择器和class选择器的区别
- jQuery选择器之全选择器(*选择器)
- 内部类
- LDR指令
- VS2010下 throw语句无响应的奇怪现象
- 一道概率问题:
- Substring with Concatenation of All Words
- 类选择器(Class)jQuery
- MongoDB的认证范例
- 实验证明在一片Norflash上划分两个TrueFFS分区的误区
- C++ 预处理器的简单介绍
- CATransition 的初级应用及type属性 .
- 云服务基础 – 引入容错数据访问层
- 3种表类型的锁机制
- 安装VMware64位linux系统与在bios开启虚拟化技术
- c/c++ 调试技巧小结