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(){},确保元素先加载完。

 

posted @ 2019-03-09 14:36  风追海浪  阅读(3611)  评论(0编辑  收藏  举报