分享

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

 昵称10504424 2015-08-19

<!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就算没有也不会报错。

分类: Ajax

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约