jQuery选择符
<body>
<script language="javascript" type="text/javascript">
$(document).ready(function(){ //函数入口
$('#nav > li').addClass('h'); //选取ul的id为nav的li节点
$('#nav li:not(.h)').addClass('sub_level'); // 选取类不包含.h的ul的id为nav下的li节点
$('a[href^="mailto:"]').addClass('mailto'); // 选取发送电子邮件的属性
$('a[href$=".doc"]').addClass('pdf'); // 选取下载文档的属性
$('tr:odd').addClass('odd'); //
$('tr:even').addClass('even'); //
$('td:contains("aa")').addClass('heightline'); //选取td中内容包含aa的属性
});
</script>
<style type="text/css">
.h{
float:left;
list-style:none;
margin:10;
}
.sub_level
{
color:#FFFF00;
}
a{ color:#0000FF;}
a.mailto{ color:#000000;}
a.pdf{ color:#FF0000;}
.odd{ background-color:#FF0000;}
.even{ background-color:#000066}
.heightline{ font-weight:bold; color:#FFFFFF}
</style>
<div>
<ul id="nav">
<li>第一行
<ul>
<li><a href="http://www.baidu.com" target="_blank">第一行第一列</a></li>
<li>第一行第二列</li>
<li>第一行第三列</li>
<li>第一行第四列</li>
<li>第一行第五列</li>
</ul>
</li>
<li>第二行
<ul>
<li><a href="新建 Microsoft Word 文档.doc">第二行第一列</a></li>
<li>第二行第二列</li>
<li>第二行第三列</li>
<li>第二行第四列</li>
<li>第二行第五列</li>
</ul>
</li>
<li>第三行
<ul>
<li><a href="mailto:406082017@qq.com">第三行第一列</a></li>
<li>第三行第二列</li>
<li>第三行第三列</li>
<li>第三行第四列</li>
<li>第三行第五列</li>
</ul>
</li>
<li>第四行
<ul>
<li>第四行第一列</li>
<li>第四行第二列</li>
<li>第四行第三列</li>
<li>第四行第四列</li>
<li>第四行第五列</li>
</ul>
</li>
<li>第五行
<ul>
<li>第五行第一列</li>
<li>第五行第二列</li>
<li>第五行第三列</li>
<li>第五行第四列</li>
<li>第五行第五列</li>
</ul>
</li>
</ul>
</div>
<table width="200" border="1">
<tr>
<th>aa123234234</th>
<th>123234234</th>
<th>123234234</th>
</tr>
<tr>
<td>aa123234234</td>
<td>123234234</td>
<td>123234234</td>
</tr>
<tr>
<td>123234234</td>
<td>123234234</td>
<td>123234234</td>
</tr>
<tr>
<td>123234234</td>
<td>123234234</td>
<td>123234234</td>
</tr>
<tr>
<td>123234234</td>
<td>123234234</td>
<td>123234234</td>
</tr>
<tr>
<td>123234234</td>
<td>123234234</td>
<td>123234234</td>
</tr>
</table>
</body>
浙公网安备 33010602011771号