博客列表 >jqurey的引入方式

jqurey的引入方式

A微信视频直播衡阳微生活的博客
A微信视频直播衡阳微生活的博客原创
2018年04月03日 18:37:38802浏览

jQuery 二种引入方式,一种是CDN引用,如下

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery的二种引入方式</title>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>
//    window.onload:在页面元素全部加载完后自动调用的事件 ===$(document).ready(function(){})
//   $(document).ready(function(){})的简写 $(function () {})
        $(function () {
            $('h2').css('background','blue')
        })
    </script>
   
</head>
<body>
    <h2>jQuery使用cdn在线引用)</h2>
</body>
</html>

运行实例 »

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

一种是本地引用,事先把jq类库下载到本地电脑,如下

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery的二种引入方式</title>
    <script src="../jquery.min.js"></script>
    <script>
//    window.onload:在页面元素全部加载完后自动调用的事件 ===$(document).ready(function(){})
//   $(document).ready(function(){})的简写 $(function () {})
        $(function () {
            $('h2').css('background','blue')
        })
    </script>
   
</head>
<body>
    <h2>jQuery本地引用)</h2>
</body>
</html>

运行实例 »

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


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