jQ学习之实现全选全不选操作

一：比较简单 详细说明都在注释里了，还是要灵活掌握选择器的使用

需要注意的是：attr属性只在jq1.8.3即以下版本有效，如果要在更高版本使用 要是用prop方法

html代码：

        <table border="1px solid" cellspacing="0px" bordercolor="red" width="500px" align="center" style="text-align: center;">
            <thead>
                <th>点击右侧实现全选/全不选</th>
                <th>
                    <input type="checkbox"/>
                </th>
            </thead>
            <tbody>
                <tr>
                    <td>
                        张三
                    </td>
                    <td>
                        <input type="checkbox" name="c1" />
                    </td>
                </tr>
                <tr>
                    <td>
                        李四
                    </td>
                    <td>
                        <input type="checkbox" name="c1" />
                    </td>
                </tr>
            </tbody>
        </table>

jQ代码

    //先定义页面加载函数
            $(function(){
                $("thead input").click(function(){
                    //根据总check框和子check框的状态总是一致的这一特性来进行实现
                    //this代表的是当前操作的标签 this.checked也可以用比较麻烦的获取IsAll的相关属性进行替代
                    //$("tbody input").attr("checked",this.checked);

                      $("tbody input").prop("checked",this.checked);
});