jQuery第二节

jQuery第二节

基本过滤器

基本过滤器代码的使用：

<table>
        <thead>
            <tr>
                <th>编号</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>张三</td>
            </tr>
            <tr>
                <td>2</td>
                <td>李四</td>
            </tr>
        </tbody>
    </table>

<script type="text/javascript">
        $(function () {
            $("tbody tr:first").css("color", "red");
         })
    </script>

script中有无空格的区别：

<table>
        <thead>
            <tr>
                <th>编号</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>张三</td>
            </tr>
            <tr>
                <td>2</td>
                <td>李四</td>
            </tr>
        </tbody>
    </table>

<script type="text/javascript">
        $(function () {
            $("tbody tr:first").css("color", "red");
         })
    </script>
    //没有空格  所有tr里面选出第一个

<script type="text/javascript">
        $(function () {
            $("tbody tr :first").css("color", "red");
         })
    </script>
    //有空格  过滤tr的子元素

过滤器
代码的使用:

<script type="text/javascript">
        $(function () {
            $("tbody tr:has（span）").css("color", "red");
         })
    </script>