码迷,mamicode.com
首页 > Web开发 > 详细

jquery 4 选择器【实现隔行变色】

时间:2015-08-19 09:26:13      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
<head>
<title>Accordion Menus</title>
<style type="text/css">
    body{font-size:12px;text-align:center}
    #tbStu{width:260px;background-color:#eee}
    #tbStu .trOdd{background-color:#6E7B8B}
</style>
 <script language="javascript" src="jquery-2.1.1.js"> </script>
 <script language="javascript"  type="text/javascript" >
     $(function(){

   //:nth-child(n)   第n个子节点,n从1开始;:even  页面范围内偶数的匹配元素
         $("#tbStu tr:nth-child(even)").addClass("trOdd");
     });
 
 </script>
</head>
<body>
    <table id="tbStu">
    <tr><td>姓名</td><td>学号</td><td>年龄</td></tr>
    <tr><td>王杰</td><td>201208373</td><td>26</td></tr>
    <tr><td>程灿</td><td>201208377</td><td>26</td></tr>
    <tr><td>陈晨</td><td>201208365</td><td>24</td></tr>
    </table>
</body>

</html>

  jquery与JavaScript在检测机制方面的比较,JavaScript必须保证对象存在,否则会报错,而jQuery就算没有也不会报错。

jquery 4 选择器【实现隔行变色】

标签:

原文地址:http://www.cnblogs.com/CooderIsCool/p/4741232.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!