首页 前端知识 JavaScript常用库—jQuery

JavaScript常用库—jQuery

2024-06-21 00:06:28 前端知识 前端哥 989 392 我要收藏

什么是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>

运行示例截图:
在这里插入图片描述

小结

jQuery 提供了一系列的方法使得操作 DOM 变得更简单,更具体的内容可以参考官方官方文档。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13061.html
标签
评论
发布的文章

html 个人主页

2024-07-13 22:07:08

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!