jQuery的HelloWorld测试_jquery helloworld-CSDN博客

本文链接：https://blog.csdn.net/qq_31080089/article/details/53128492

我们先来演示代码在进行解释吧！

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>jQuery的HelloWorld</title>
    <style type="text/css">
    	div{
    		padding:50px 0px;
    		font-size:12px;
    		text-align:center;
    		border:solid 2px #888;
    	}
    </style>
    <script type="text/javascript" src="jquery/jquery-1.7.2.min.js"></script>
   <script type="text/javascript">
   // $(document).ready(function() {})：指代 当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。代码一般是写在这个函数中来进行执行
   $(document).ready(function() {
       $("div").html("jQuery的HelloWorld测试通过！");//给div中添加值。
   });
   </script>
  </head>
  <body>
  <div></div>
  </body>
</html>

小白肯定会疑问为什么会多一个$(document).ready(function() {})；这个东西呢？首先我们得知道这个东西是干嘛的？答案：指代当 DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。代码一般是写在这个函数中来进行执行。

效果：