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(){}，確保元素先加載完。