jQuery 匯入庫和使用格式

努力尋找活著發表於2017-07-26
jQuery
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <!-- 匯入jQuery檔案-->
    <!--把jQuery庫放在了js資料夾下-->
    <script src="../../../js/jquery-3.1.1.min.js">
    </script>
    <script>
        //文件就緒函式（DOM結構載入完成 不必等圖片視訊載入完成已經就緒））（對比原生JS文件就緒函式）
/*        $(document).ready(function(){
            $('p').hide();
        })*/
        //文件就緒函式   簡寫
        $(function(){
            //使用jQuery隱藏p元素
            $('p').hide();
        })

        /*
        *  jQuery使用格式
        *  $(selecter).action()
        *     美元$符本身是JQuery物件的縮寫
        *     選擇符selecter查詢和查詢HTML元素
        *     action執行對元素的操作
        * */
    </script>
</head>
<body>
<p>gweeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</p>
<p>gweejklkjhgfdfghjkl;;;;;lkjhgfdsa</p>
</body>
</html>

相關文章