26、初识jQuery及公式

最新推荐文章于 2022-05-04 08:30:07 发布

工一木子

最新推荐文章于 2022-05-04 08:30:07 发布

阅读量124

点赞数

分类专栏： JavaScript学习文章标签： jquery javascript ajax

本文链接：https://blog.csdn.net/Prince140678/article/details/120381358

版权

JavaScript学习专栏收录该内容

30 篇文章 0 订阅

订阅专栏

10、jQuery

JavaScript

jQuery库，里面存在大量的JavaScript函数

获取jQuery

1）官网

官网

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UpIQbKkS-1632038822448)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\26、初识jQuery及公式.assets\image-20210919153858393.png)]$
公式：$(选择器).事件(事件函数);

2)cdn获取jQuery

参考

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6EPtz8yN-1632038822452)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\26、初识jQuery及公式.assets\image-20210919154151461.png)]$

复制标签,粘贴到html文件中

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <!--        cdn引入-->
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    </head>
    <body>
    </body>
</html>

代码show

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
<!--        cdn引入-->
<!--        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>-->
        <script src="lib/jquery-3.6.0.min.js"></script>
    </head>
    <body>
        <a href="" id="test-jquery">点我</a>
        <script>
            //未引入jquery之前给a标签添加点击事件
            var aTag = document.getElementById('test-jquery');
            aTag.onclick = function () {
                alert('hhh')
            };
            //引入jquery写法
            //公式：$(selector).action(),
            // 其中selector就是css的选择器
            $('#test-jquery').click(function () {
                alert('hello jquery');
            })

        </script>
    </body>
</html>

代码目录结构：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YzsJA2BF-1632039034004)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\26、初识jQuery及公式.assets\image-20210919161009925.png)]$

彩蛋

1.jquery帮助文档比较好的

参考文档

2.cdn jquery

cnd jquery

直接百度搜索jquery cdn很多的

3.下载jquery

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VFFWMpbU-1632038822454)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\26、初识jQuery及公式.assets\image-20210919154909629.png)]$

4.chrome，360,firefox,下载jquery直接打开了，

在这里插入图片描述

1）chrome

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ahB1r34F-1632038822462)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\26、初识jQuery及公式.assets\image-20210919155309628.png)]$

2）360（360打开jquery官网很慢）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PXiwoGDu-1632038822464)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\26、初识jQuery及公式.assets\image-20210919155644661.png)]$

3)firefox

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wLq0hajo-1632038822465)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\26、初识jQuery及公式.assets\image-20210919155822763.png)]$

解决下载：

点击链接右键，另存为：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MrGauYG9-1632038822466)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\26、初识jQuery及公式.assets\image-20210919155855800.png)]$

工一木子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
26、初识jQuery及公式

10、jQueryJavaScriptjQuery库，里面存在大量的JavaScript函数获取jQuery1）官网官网2)cdn获取jQuery参考复制标签,粘贴到html文件中<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <
复制链接

扫一扫