java前后端交互

一、前后端交互过程

二、jquery【详细内容可从此网页查看（jQuery 教程 | 菜鸟教程 (runoob.com)）】

1、前端三大项

        html、css、javascript构建页面（可以理解为建房子），html负责划分结构空间，css负责文件样式（静态的），javaript做动态交互（效果交互、数据交互）。

2、jquery是一个javascript函数库，极大的简化了javascript操作

3、基本语法：$(selector).(action)

        selector为要操作的元素,action为给元素绑定的方法

（1）选择器：元素选择器、#id选择器、.class选择器、

元素选择器：jquery 元素选择器基于元素名选取元素。在页面中选取所有

元素，点击按钮后，所有元素都隐藏。

语法：

$("p")

用例：

 $("button").click(function(){
    $("p").hide();
  });

#id选择器：通过 HTML 元素的 id 属性选取指定的元素。页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器,点击按钮后，有 id="test" 属性的元素将被隐藏。

语法：

$("#test")

用例：

$("button").click(function(){
    $("#test").hide();
  });

.class选择器:jquery 类选择器可以通过指定的 class 查找元素,点击按钮后所有带有 class="test" 属性的元素都隐藏。

语法：

$(".test")

用例：

$("button").click(function(){
    $(".test").hide();
  });

（2）常见的dom事件

（3）获取内容

三、前端的构建