jQuery_02 引入jQuery，初试牛刀

引入jquery文件

我们在官网上点击dowmload那个会发现进入了一个网页，里面全部是代码，你可能还在想为什么下载不了，其实jquery不跟vue一样，整个jquery就是一个js文件而已，所以直接ctrl+a 全选 ctrl+c复制，然后打开自己的js文件 ctrl+v 赋值就行。到了html文件之中直接使用script 标签引入就可以正常的使用jQuery的语法了。

javascript"> <script type="text/javascript" src="../js/jquery.js"></script>

使用jQuery

javascript">$(document).ready(function () {
        alert("Hello World");
      });

$jQuery中的函数名字 document是一个参数

$(document): 把js中的docuemnt对象变成jquery可以使用的对象

然后调用ready()函数这个ready()是jQuery中的函数

ready()的执行时间在页面dom对象加载后执行的。相当于js中onload事件。

ready(函数):表示在页面对象加载后执行这个函数

javascript">$(document).ready(function () {
        alert("Hello World");
      });
      /* 上下相等 */
      $(document).ready(myinit);
      function myinit() {
        alert("Hello World");
      }

$(function () {
        alert("Hello World");
      });

全部代码

javascript"><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript">
      /*  
        $jQuery中的函数名字  document是一个参数 
        $(document): 把js中的docuemnt对象变成jquery可以使用的对象
        然后调用ready()函数 这个ready()是jQuery中的函数
        ready()的执行时间在页面dom对象加载后执行的。相当于js中onload事件。
        ready(函数):表示在页面对象加载后执行 这个函数
       */

      // $(document).ready(function () {
      //   alert("Hello World");
      // });
      /* 上下相等 */
      // $(document).ready(myinit);
      // function myinit() {
      //   alert("Hello World");
      // }

      // jQuery提供了一个简单的方式 来使用ready()函数
      //$( 参数是一个 函数)
      $(function () {
        alert("Hello World");
      });
    </script>
  </head>
  <body></body>
</html>