JavaScript-初识jQuery及公式

最新推荐文章于 2024-06-22 16:43:13 发布

王2gou蛋

最新推荐文章于 2024-06-22 16:43:13 发布

阅读量84

点赞数

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

本文链接：https://blog.csdn.net/qq_38959934/article/details/119931695

版权

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

jQuery官网： https://jquery.com/
参考文档： https://jquery.cuishifeng.cn/

jQuery库，里面封装大量JavaScript函数，相当于JavaScript的工具类

获取jQuery

方式一，通过cdn引入
https://www.bootcdn.cn/jquery/
https://cdn.baomitu.com/jquery
https://www.jq22.com/cdn/

<!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>

方式二，下载后导入

<!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.js"></script>
</head>
<body>
</body>
</html>

jQuery公式

公式：$(selector).action()

<!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.js"></script>
</head>
<body>

<a href="https://www.baidu.com/" id="test-jquery">点我</a>

<script>
    // 选择器就是css的选择器
    $('#test-jquery').click(function () {
        alert('hello, jQuery')
    })
    // // js原始写法
    // let test_id = document.getElementById('test-jquery')
    // // test_id.click()  // 点击这个按钮
    // test_id.onclick = () => {
    //     alert('hello, jQuery')
    // }
</script>
</body>
</html>

https://www.bilibili.com/video/BV1JJ41177di?p=26

王2gou蛋

关注

0
点赞
踩
0

收藏

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

jQuery官网： https://jquery.com/参考文档： https://jquery.cuishifeng.cn/jQuery库，里面封装大量JavaScript函数，相当于JavaScript的工具类获取jQuery方式一，通过cdn引入https://www.bootcdn.cn/jquery/https://cdn.baomitu.com/jqueryhttps://www.jq22.com/cdn/<!DOCTYPE html><html lan
复制链接

扫一扫