共计 3710 个字符，预计需要花费 10 分钟才能阅读完成。
一、JavaWeb 框架整顿
定义：javaWeb 是实现浏览器 (B) 和服务器 (S) 沟通的技术。咱们须要进行服务器端的开发(即 B /S’Browser/Server’ 模型开发)，须要先理解前端技术。
JavaWeb
前端技术：HTML、CSS、JS、JQuery、XML、tomcat
1、HTML（把握）：超文本标记语言
一般标签:<p></p> <h1></h1> <br/>
重要标签：<table></table> 表格, 格式化显示数据, 其中 <tr> 示意行，<td> 示意列，
<tr rowspan ="x"> 单元格跨 x 行 <td colspan="x"> 单元格跨 x 列
<form></form> 表单
<form action="表单提交的地位" method="GET/POST" enctype="application/x-www-form-urlencoding">
enctype="application/x-www-form-urlencoding" 为默认的表单提交编码方式
enctype="mutipart/form-data" 文件上传
</form><script></script> 写脚本的中央，编写 js 代码或者引入 js 库(Js 为 JavaScript，即 JavaWeb 的脚本语言)
<link></link> 引入 CSS 款式
<style></stype> 编写款式
2、CSS（理解）：层叠样式表单
性能：B/ S 开发时， B 端浏览器端开发时有三要素，构造（HTML）- 体现（CSS）- 行为（JavaScipt）
【会查文档找 css 款式】
css 款式语法：
选择器{
款式名 1：款式值；款式名 2：款式值；}3、JS（把握）：JavaScript 脚本语言
【根本语法】：
1) 申明变量：
var temp1 = "aaa";
temp1=1;(js 语言中没有数据类型之分，可间接写变量值, 因而 js 是一种弱类型脚本语言)2)申明对象
var obj = {
在此填写对象属性
lastName(属性名):"张三"，age:18
}
obj 即对象
应用对象属性：alert(obj. 属性名)
增加属性：obj. 新增加属性名 = 属性值; 3)申明办法
形式一：申明：function hello(参数表轻易写，Js 语言中无重载){}
调用：hello(1,2);
形式二：申明：var hello=function(){}定义一个变量，这个变量是一个函数
调用：hello()【事件】
事件定义：用户和浏览器交互的行为
window.onload=function(){文档加载实现事件：（页面里所有内容全副显示胜利）}
$(function(){文档加载实现（dom 准备就绪）})
先调用 dom, 再调用 windom.onload。但 win 比拟保险dom 是 html 中各个标签的封装为的对象，至于对象标签中的连贯是否曾经胜利不论。将 dom 数回复，dom 准备就绪只是将标签的属性和值筹备好了，外面比方加载的图片并不一定筹备好了。DOM 定义了拜访和操作 HTML 文档的规范办法，相当于网页的 API。
区别：window.onload 反复调用不会执行屡次，只会执行最初一次。$(function)反复调用有意义，相当于屡次调用 $ 办法。
罕用事件：
1)如何给一个元素绑定上事件：
eg: 给 a 元素绑定事件
<a href="hello" id="aEle"> 你好 </a>
//href 为超链接
var aEla= document.getElementById("aEle");
// 通过 id 查找元素
aEla.onclick=function(){
//onclick 函数：当元素被点击时执行
alert("你好")；//alert 为弹窗函数，用于显示带有指定音讯和一个 ok 按钮的弹窗
return false；// 勾销默认行为。本来 a 元素中有超链接，点击该元素时，会发送 hello 申请跳转页面。return false 使得页面不跳转。}4、Jquery(精通)
JQUery 是 js 库
【选择器】
是一串非凡的字符串，语法 $("选择器字符串")
jQuery 选择器容许您对 HTML 元素组或单个元素进行操作。【根本】#id $("id 名") 找到一个指定 id 名的标签
element $("标签名") 找到所有的“标签名”标签
.class $(".mini") 找到所有 class 为 mini 的元素
* $(*) 找到所有元素
selector1,selector2,selectorN $("#b01",".big","form","#a01 *")
找到 id 为 b01 的元素，和 class 为 big 的元素，以及所有 form 的表单，以及 id 为 a01 下的所有元素。【层级】ancestor descendant 找后辈，例如 $("#a01 *")
parent > child 找子元素 $("a>#btn01") 找到 a 标签下 id 为 btn01 的子元素
prev + next 找下一个兄弟 $("#btn01 + .mini"): 找到 id 为 btn01 的下一个同级元素，并且该元素 class 为 mini
prev ~ siblings 找所有同辈兄弟 $("#deleteBtn01 ~ a")找到 id 为 deleteBtn01 所有标签为 a 的同级兄弟。重点：:first
$("a:first"): 找到第一个 a 标签
$(":first")：找到文档第一个标签，即 <html>
$("a :first"): 找到 a 的第一个后辈元素
$("a+:first")：找到 a 的第一个兄弟
$("#btn0>:eq(1)")找到 id 为 btn01 索引为 1 的子元素，即第二个元素
$("#btn0>a:eq(1)")找到 id 为 btn01 下的第二个 a 标签
:last
:eq(index)
:empty $("a:empty")找到所有没有标签体的 a 元素
[attribute] $("a[id]")有 id 属性的所有 a 标签
[attribute=value]
:checked 找到所有选中的（复选框、单选框等，不包含 select 中的 option）:selected 匹配所有选中的的 option 元素
筛选中的办法：肯定是再帅选后果的根底上调用办法进行筛选
find(e|o|e) $("div".find(".mini"))找到所有 div 下的 class 为 mini 的元素（包含子元素和后辈）children([expr]) $("div".find(".mini"))找到所有 div 下的 class 为 mini 的子元素
parent([expr]) $("#div01").parent(".mini")找到 div01class 为 minide 父元素
parents([expr])找先人【层级关系】<div>
<a><p> 张三 </p></a>
<h1> 你好 </h1>
</div>
a 和 h1 互为兄弟，div 是 a 和 h1 的父亲，p 是 a 的子元素，p 是 div 的后辈元素；a 既是 div 的子元素又是 div 的后辈元素【文档操作(对 dom 的增删改)】
API 中的文档解决
append(content|fn)
appendTo(content)
<p id="p01"> 张三 </p>
a.append(b) a 外面加 b
$("#p1").append("<a href="hello">hello</a>")；在张三前面加
能够链式调用：$("#p01").append().append()
办法返回是 jQuery 对象可链式调用任何 jQuery 办法
$("#p01").append().append().click(function(){})给 p01 绑上事件【属性操纵】
获取到元素的属性值、文本内容
<form>
<input id="01" name="username">
</form>
<a href="hello"> <b> 你好 </b> </a>
attr(name|pro|key,val|fn) $("#01").attr("username") 扭转 $("#01").attr("username"，"李四")
prop(n|p|k,v|f) $("#01").prop("username")
自定义属性获取和应用 attr，标签本来本人的属性应用 prop $()
html([val|fn]) $("a").html(); 获取的是 <b> 你好 </b>, 还能够设置
text([val|fn]) $("a").text() 只是获取和设置文本，失去 你好
$("a").text("<b> 你好 </b>") , 获取的是 <b> 你好 </b>
val([val|fn|arr])获取表单项的值 $("#01").val【事件】
【外围函数】$
能够将 dom 对象转为 jQuery 对象
var btn01=document.getElementId("btn01")// 此为 dom 对象
$(btn01)// 转换为 jquery 对象，能够调用 append 办法
转回为 dom 对象：$(btn01)[0]$ 的用法：
1) 传入参数为 [函数] 时，$(function(){})相当于 window.onload=function(){}
2) 选择器 $(“ 选择器 ”)
3) 传入参数为 [HTML 字符串] 时：创立 html 元素(jquery 对象)
4) dom 和 jquery 转化
