首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery选择器之根本过滤选择器

2013-11-02 
jquery选择器之基本过滤选择器style typetext/css/*高亮显示*/.highlight{background-color: gray}/

jquery选择器之基本过滤选择器

<style type="text/css">/*高亮显示*/.highlight{   background-color: gray}</style>
<body>  <h3>各省市行政区划</h3>  <table border="1" width="50%">  <thead>  <tr>  <th>北京</th>  <th>上海</th>  <th>商丘</th>  </tr>  </thead>  <tbody>  <tr>  <td>海淀</td>  <td>徐汇</td>  <td>睢阳</td>  </tr>  <tr>  <td>朝阳</td>  <td>闸北</td>  <td>梁园</td>  </tr>  <tr>  <td>昌平</td>  <td>黄埔</td>  <td>柘城</td>  </tr>  </tbody>  </table>  </body>


一、:first

$("tr:first").addClass("highlight"); //获取匹配的第一个tr元素
jquery选择器之根本过滤选择器

二、:last()

$("tr:last").addClass("highlight"); //获取匹配的最后一个tr元素
jquery选择器之根本过滤选择器

三、:not(selector)

$("td:not(:even)").addClass("highlight");//获取除了索引是偶数的td
jquery选择器之根本过滤选择器

四、:even

$("tr:even").addClass("highlight");  //匹配所有索引值为偶数的元素,从 0 开始计数
jquery选择器之根本过滤选择器

五、:odd

$("tr:odd").addClass("highlight");  //匹配所有索引值为奇数的元素,从 0 开始计数
jquery选择器之根本过滤选择器

六、:eq(index)

$("tr:eq(2)").addClass("highlight");   //匹配一个给定索引值的元素
jquery选择器之根本过滤选择器

七、:gt(index)

$("tr:gt(1)").addClass("highlight");  //匹配所有大于给定索引值的元素
jquery选择器之根本过滤选择器

八、:lt(index)

$("tr:lt(2)").addClass("highlight");  //匹配所有小于给定索引值的元素
jquery选择器之根本过滤选择器

九、:header

$(":header").addClass("highlight");   //匹配如 h1, h2, h3之类的标题元素
jquery选择器之根本过滤选择器

热点排行