34、实例 jQuery过滤选择器之定位过滤器

来源：互联网发布：liquidsky一样的软件编辑：程序博客网时间：2024/05/19 06:37
<!doctype html><html><head><meta charset="utf-8"><title>jQuery过滤选择器之定位过滤器</title><script type="text/javascript" src="jquery-2.1.0.js"></script><script>$(function(){$("tr:first").css("color","red");$("tr:eq(0)").css("font-size","20px");$("tr:last").css("color","blue");$("tr:even").css("background-color","#ffd");$("tr:odd").css("background-color","#dff");$("tr:gt(3)").css("font-size","12px");$("tr:lt(4)").css("font-size","14px");});</script></head><body><table>    <tr>        <th>选择器</th>        <th>说明</th>    </tr>    <tr>        <td>:first</td>        <td>匹配找到的第一个元素</td>    </tr>    <tr>        <td>:last</td>        <td>匹配找到的最后一个元素</td>    </tr>    <tr>        <td>:not</td>        <td>去除所有与给定选择器匹配的元素</td>    </tr>    <tr>        <td>:even</td>        <td>匹配所有索引值为偶数的元素，从为开始计数</td>    </tr>    <tr>        <td>:odd</td>        <td>奇数</td>    </tr>    <tr>        <td>:eq(n)</td>        <td>给定一个索引值，找到这个索引位置的元素</td>    </tr>        <tr>        <td>:gt(n)</td>        <td>给定一个索引值，找到这个索引位置的元素</td>    </tr>    <tr>        <td>:lt(n)</td>        <td>小于</td>    </tr>    <tr>        <td>:header</td>        <td>匹配如h1、h2、之类的标题元素</td>    </tr>    <tr>        <td>:animated</td>        <td>匹配所有正在执行动画效果的元素</td>    </tr>      </table></body></html>
0 0