JavaScript常用库—jQuery

程序员大腾

已于 2022-11-10 19:33:16 修改

阅读量1.4k

点赞数 2

分类专栏： HTML/CSS/JavaScript 文章标签： javascript jquery 前端

于 2022-07-24 21:50:37 首次发布

本文链接：https://blog.csdn.net/weixin_45909221/article/details/125964749

版权

HTML/CSS/JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

什么是jQuery

jQuery是一个快速、简洁的JavaScript框架
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的CSS选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。

怎样使用jQuery

jQuery 使用的话需要引用。可以使用引用在线的，也可以下载下来引用本地的文件。
在线：<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
本地（需要下载到本地…此处我放在与html文件同级目录中）<script src="jquery-3.3.1.min.js"></script>
引入之后就可以在全局下通过 jQuery 或者 $ 调用 jQuery 了。

使用jQuery举例

jQuery 使用 $ （美元符号）或者 jQuery 来生成一个 jQuery 对象，建议使用 $。

<!DOCTYPE html>
<html>

<head>
    <title>jQuery</title>

</head>

<body>


    <div class="element">
    </div>

    <!-- 引入jquery包 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script>
        console.log($);
        console.log(jQuery);
        console.log($ === jQuery); // 输出：true
        $('.element').html('这里是用jQuery插入的HTML哦');
        console.log("不会影响正常的程序代码的执行")
        $(document).ready(init); //指定init方法为document对象加载完毕后执行的方法
        function init() {
            console.log("document加载完毕");
        }
    </script>
    
</body>

</html>