JQuery 引用方式

# head里面
　 <script src="jquery.min.js"></script>
    <script src="common.js">
        $(function (){
            selectall();
            cancel();
            reverse();
        });
    </script>

# common.js文件
        function selectall() {

            $("table :checkbox").prop("checked", true)
        }

        function cancel() {

            $("table :checkbox").prop("checked", false)
        }

        function reverse() {

            $("table :checkbox").each(function () {

                $(this).prop("checked", !$(this).prop("checked"));

            });
        }

注意：

如果jq的导入是写在body标签前，会因为元素还没有加载而出错，原因与js写在开头一样，必须用window.onload=function(){}，确保元素先加载完。