jQuery导入(1)

1.  jQuery的简单介绍:

    JQ是JS写的插件库,即一些js常用的代码将其封装好
    JQ能实现的,JS一定可以实现
    JS可以实现的,JQ不一定能实现

2. jQuery的导入方式:

<script  src="jquery/3.4.1/jquery.js"></script>

    其中src属性中填写的是jQuery文件的位置,可以写相对位置,绝对位置或网络位置。

        例如: 相对位置:在你的项目目录的下面的位置,则格式为 : XXX/XXX/jquery.js   

                               例如你的目录是: 在你的html文件同级的JS文件下的jquery.js  那么你的src就可以写成 JS/jquery.js

            绝对位置:从你的根目录(即C盘或D盘等等的盘符开始),格式为: C:xxxxxxjquery.js

            网络路径:格式为: https://xxx.xxx.xxx/xxx/jquery.js

     因为我的路径是下面这样的,

       我的html文件就放在20190509jQuery这个文件中,与jquery这个文件夹同级,所以我的src是  jquery/3.4.1/jquery.js

3. jQuery的导入和测试的例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!-- 导入网上下载的jQuery文件 -->
    <script  src="jquery/3.4.1/jquery.js"></script>
    <!-- 我们自己编写的js -->
    <script>
        // 测试一下是否导入jquery成功
        $(  // jQuery调用匿名函数
            function(){  //匿名函数(功能:弹出123对话框)
                alert(123);    //弹出123对话框(弹出则代表我们导入成功)
            }
        )
    </script>
</body>
</html>

注意: <script>标签最好是写在<body>标签的最下面</body>之前,避免出现:一、js文件过多造成的网页加载过慢,会降低用户浏览网页的体验感

                                     二、html部分未加载完,js文件就已经加载完成,导致获得html对象的值获取不到的问题

本文仅为个人学习笔记,如有错误欢迎各位随时指正,如果有python相关问题讨论,或文章侵权的问题请随时发邮件到1730797947@qq.com,我会及时回复或删除文章。

 

原文地址:https://www.cnblogs.com/wangyusu/p/10843565.html