jQuery 下载使用

最新推荐文章于 2024-05-27 08:33:53 发布

hooocc

最新推荐文章于 2024-05-27 08:33:53 发布

阅读量663

点赞数 20

分类专栏： Front-End 文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/hooocc/article/details/136048957

版权

Front-End 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1. jQuery 网址：jQuery CDN

2. 下载, 右击在新的tab打开

3.ctrl+s另存为jquery-1.12.4.min.js，并放到自己项目的js目录下

4.请参考目录

5.编写第一个使用jQuery的代码

<script src="js/jquery-1.12.4.min.js"></script>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        // 第一种写法
        // ready 等待页面标签加载完成后就执行ready事件，不会等待资源数据加载完成
        // $(document).ready(function(){
        //     var $div = $("#div")
        //     alert($div)
        // });

        // 第二种写法,简写
        $(function(){
            var $div = $("#div")
            alert($div)
       
        });

    </script>
</head>
<body>
    <div id="div1">
        hahahaha
    </div>
</body>
</html>