第一个实例

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>$Title$</title>
  6.     <script type="text/javascript" src="WEB-INF/jquery-3.5.1.js"></script>
  7.     <script type="text/javascript">
  8.         // 1，  $(document)， $是JQuery中的函数名，document是函数参数。作用是将document对象编程JQuery函数库可以使用的对象。
  9.         // 2.  ready， JQuery函数
  10.         $(document).ready(function(){
  11.             alert("Hello World")
  12.         })
  13.       // 或者采用
  14.           $( function() {
  15.             alert("Hello world")
  16.         })
  17.     </script>
  18. </head>
  19. <body>
  20. $END$
  21. </body>

过程描述

  1. 创建js目录，然后导入js库文件

image.png

  1. 在html中引入jquery文件

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

  1. 语句说明

$(document)，将 DOM 对象 document 转换为 jQuery 对象。$(document).ready()函数是当DOM 对象加载完毕后，马上执行的函数。$(document).ready()与$()、 jQuery()、 window.jQuery()是等价的， 所以$(document).ready()可以写成 $(function() { alert(“Hello jQuery”) } );

相当于主函数入口

$(function(){ ... })