博客列表 >第13章 4_2jquery极速入门-作业

第13章 4_2jquery极速入门-作业

唐朝的博客
唐朝的博客原创
2018年04月03日 17:29:26529浏览

jquery的导入有2种:
1、本地导入
<script type="text/javascript" src ="../js/jquery-3.3.1.js"></script>
2、CDN导入(如百度静态资源库):
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>


实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery的引入方式</title>
</head>
<body>
<h1>点击测试</h1>
</body>
</html>

<!-- jQuery就是一个普通的js外部文件 -->
<!-- 1.本地引入 -->
<script type="text/javascript" src="../../js/jquery-3.3.1.js"></script>

<!-- 2.cdn在线引用 -->
<!-- <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> -->
<script type="text/javascript">
    $('h1').click(function() {
        alert('引入成功');
    })
</script>

运行实例 »

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



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