jquery nth-child()选择器的简单应用
通过网上咨询使用这个选择器便很容易的解决。特此记录一下。
下面是主要的代码
js脚本:
html代码:
具体的用法这里就不写了,大家可以参考
//www.jb51.net/css/28294.html
//www.jb51.net/article/23617.htm
效果图如下:
下面是主要的代码
js脚本:
代码如下:
<script type="text/javascript"> $(document).ready( function () { //每隔五行给li加一个样式 $('.article_li li:nth-child(5n)').addClass('liborder'); $('.article_li li:last').addClass('liborder'); } ); </script>
html代码:
代码如下:
<ul class="article_li"> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> <li> <label class="datename"> <span>2010-06-12 08:37:59 </span> </label> <a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li> </ul>
具体的用法这里就不写了,大家可以参考
//www.jb51.net/css/28294.html
//www.jb51.net/article/23617.htm
效果图如下:
相关推荐
菜鸟 2020-09-14
xingyuzhe 2020-06-09
wishli 2020-06-08
yevvzi 2020-06-08
MaureenChen 2020-05-25
HMHYY 2020-05-19
阿斌Elements 2020-05-15
85443563 2020-04-30
PioneerFan 2020-05-11
cyydjt 2020-05-10
ELEMENTS爱乐小超 2020-04-23
行吟阁 2020-04-18
CurrentJ 2020-04-14
小信 2020-04-09
TyrionZK 2020-02-26
swiftwwj 2020-02-23
ITxiaobaibai 2020-02-19