一、前后端交互过程
二、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)获取内容
三、前端的构建