jquery4选择器【实现隔行变色】

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: |||超大  

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航