博客列表 >4月2日作业jquery 引用

4月2日作业jquery 引用

威灵仙的博客
威灵仙的博客原创
2018年04月02日 23:51:35486浏览

实例

/*

<head>
    <title>jQuery</title>
    <!-- 第一种引入方式 -->
   <script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
    <!-- 第二种 -->
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

</head>


引入之后就是加载

简写形式

    <script type="text/javascript">
        $(function(){
            alert(加载完毕:第1种)
        })
    </script>

非简写

    <script type="text/javascript">
        $(document).ready(function(){
            alert(加载完毕:第2种)
        });
    </script>

在把原生的写上对比一下吧

    <script type="text/javascript">
         window.onload(function(){
        alert('原生加载')
          })
    </script>
 -->

实例 --> -->*/

<!DOCTYPE html>
<html>
<head>
    <title>jQuery</title>
    <!-- 第一种引入方式 -->
    <!-- <script type="text/javascript" src="../js/jquery-3.3.1.js"></script> -->
    <!-- 第二种 -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

                alert('加载完毕...')

        })

    </script>

</head>
<body>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议