• 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,我会及时回复或删除文章。

     

  • 相关阅读:
    Android入门第六篇之ListView
    谷歌Volley网络框架讲解——第一篇
    Android网络通信库Volley简介
    Android网络通信框架Volley的学习笔记
    SharedPreferences介绍
    Android之Adapter用法总结
    ANDROID SQLITEOPENHELPER详解
    RxJava、RxBus学习
    【原创】【Andriod】自定义多行多列视图
    [转]android笔记--Intent和IntentFilter详解
  • 原文地址:https://www.cnblogs.com/wangyusu/p/10843565.html
Copyright © 2020-2023  润新知