jquery下载与使用

最新推荐文章于 2022-07-30 16:51:00 发布

xy66

最新推荐文章于 2022-07-30 16:51:00 发布

阅读量186

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/weixin_45742613/article/details/109730119

版权

web前端专栏收录该内容

13 篇文章 1 订阅

订阅专栏

jquery下载与使用

https://www.jq22.com/jquery-info122
这个网站里面可以下载最新的jQuery版本，还有在线的版本使用。
然后将下载的jQuery放在要使用的目录下，像下面这样
在这里插入图片描述
下面是一个简单的代码

<!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="jquery-3.5.1.js"></script>
    <!-- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> -->
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                $("#demo").hide();
            });
        });
    </script>
</head>
<body>
    <p>这是一个段落</p>
    <p id="demo">这是另一个段落</p>
    <button>点我</button>
    
</body>
</html>

效果如下
在这里插入图片描述
点击后

下面一个隐藏了。

xy66

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
jquery下载与使用

jquery下载与使用https://www.jq22.com/jquery-info122这个网站里面可以下载最新的jQuery版本，还有在线的版本使用。然后将下载的jQuery放在要使用的目录下，像下面这样下面是一个简单的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=
复制链接

扫一扫