jquery的引入与使用(附有HTML5的代码实例)

1.引入
引入方法有两种:一种本地,一种联网(CDN)。
本地的方法:
下载并放入项目文件,并用js引入(取决于自己的路径)

 <script src="路径/jquery.js">script>

联网的方法(CDN):
官网jquery压缩版引用地址(以3.0版本为例子,早期请使用2版本,兼容特别老的使用1版本):

<script src="https://code.jquery.com/jquery-3.0.0.min.js">script>

百度压缩版引用地址:

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js">script>

微软压缩版引用地址:

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js">script>

2.使用
在如图所示部分(//代码部分)添加代码,至于为什么这么写?因为jQuery的本质是js,将函数封装起来供我们使用,使用类似于java里面import一个包然后在调用相关函数,属于定义写法。

<script type="text/javascript" src="../static/js/jquery-3.5.1.js"
            charset="UTF-8">
    script>
    <script>
//代码部分
    script>

举个例子:


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>jQuery的引用title>

    <script type="text/javascript" src="../static/js/jquery-3.5.1.js"
            charset="UTF-8">
    script>
    <script>
        $(function(){
            alert("加载jQuery");
        })
    script>
head>
<body>

<div>加载DIVdiv>

body>
html>

本例子除了演示外还证明了加载的顺序
jquery的引入与使用(附有HTML5的代码实例)_第1张图片

你可能感兴趣的:(html复习)