jQuery jsp

jQuery 是一个 JavaScript 函数库。

jQuery 库包含以下特性：
•HTML 元素选取
•HTML 元素操作
•CSS 操作
•HTML 事件函数
•JavaScript 特效和动画
•HTML DOM 遍历和修改
•AJAX(暂留)

引入jQuery：通过指令

jQuery 语法

jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。

基础语法是：$(selector).action()
•美元符号定义 jQuery
•选择符（selector）“查询”和“查找” HTML 元素
•jQuery 的 action() 执行对元素的操作

jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。

$(“p”) 选取

元素。关键字:无

$(“p.intro”) 选取所有 class=“intro” 的

元素。关键字:.

$(“p#demo”) 选取所有 id=“demo” 的

元素。 关键字:#

jQuery 往往采用匿名方法给一个元素绑定指定事件
function(){ 需要完成的动作 }绑定到某元素的某个方法上。

常见事件:
$(selector)+事件名称 给选择的标签/元素/节点绑定事件执行匿名方法。
$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
$(selector).mouseout(function) 触发或将函数绑定到被选元素的鼠标移出事件
jQuery动画 方法
1.hide(speed,callback) speed 隐藏的速度，取值为：毫秒/slow/fast callback 执行函数名
2.show(speed,callback) 显示
3.toggle(speed,callback) 隐藏/显示
4.fadeIn(speed,callback) 淡入
5.fadeOut(speed,callback) 淡出
6.fadeToggle(speed,callback) 淡入/淡出
7.fadeTo(speed,opacity,callback) 给定不透明值 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）

jQuery 拥有以下滑动方法：
8.slideDown(speed,callback) 向下延申
9.slideUp(speed,callback) 向上延申
10.slideToggle(speed,callback)

jQuery动画
$(selector).animate({params},speed,callback);
必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。

总结1:联合性的css样式，所需的样式部分必须都设置。如；定位时，先设置position:absolute;
2:animate设值采用json串，即：{键:‘值’,键:‘值’…}
3:animate虽然它设置的时css样式，但是不是直接使用css属性，而是Camel 标记法书，需要
如 font-size 书写为 fontSize

jQuery stop() 方法
jQuery stop() 方法用于停止动画或效果，在它们完成之前。
stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。

css属性
对象.css(“css属性”) 获取指定属性的值
对象.css(“css属性”,“值”) 将指定属性修改为目标值
对象.css(json串) {“css属性”:“值”,“css属性”:“值”}

•css()
•text() - 设置或返回所选元素的文本内容
•html() - 设置或返回所选元素的内容（包括 HTML 标记）
•val() - 设置或返回表单字段的值

attr(“html属性值”)
attr() 方法也用于设置/改变属性值。

MVC:设计模式
M:Model 模型层，数据库底层操作和数据封装
V:View 视图层，获得模型层提供的数据，并在交互页面（jsp）进行展示
C:Control 控制层 进行后台业务处理，模块调用，路径导航等

一个pojo类的定义：1.公有私有的属性 2.公共静态/非静态方法 3.对外访问属性的方法
4.空构造 全构造（不带id）完成实例化 5(非必须).重写toString()

myeclipse

集成tomcat:window–preferences–tomcat 选择版本 Enable 安装
创建web项目:new–web project
jsp页面修改 pageEncoding=“utf-8”

404：页面找不到错误 往往是url指引的资源不存在 一般处理方法：检查路径 检查防火墙 检查其他
拦截设备 检查…

JSP：java sever pages 服务页面 在html页面中内嵌Java

支持中文的编码:utf-8 全球
gbk:简体 繁体 big 繁体 gb2312 简体

jsp组成：
1.小脚本 <% java 语言 %> 页面中的一段小程序 out.print()
2.声明：<%! %> 声明变量
3.表达式 <%=内容 %> 输出
4.指令：<%@ page language=“java” import=“java.util." pageEncoding=“utf-8”%> 引入外部资源
<%@ page language=“java” import="java.util.”%> 导包
5.标准动作 （敬请期待）
6.内置对象(背，盘它)
7.EL
8.JSTL

---

jsp内置对象：jsp页面中内置类或者接口对象 可以直接使用
1.page：当前页面对象，相当于this
2.pageContext：当前页面存储空间，可以存变量
3.config：提供一种可以访问的配置文件路径
4.exception：页面出错时，产生的错误信息对象
5.out：java.io.PrintWriter类的对象
6.request：请求，用户像服务器发出的一次访问请求
7.response：响应 服务器端向客户端反馈的一次响应
8.session：会话 请求和响应 为一次会话
9.application：应用 提供公共的访问区域（流量 在线数）
10. cookie：计算机里存储基本信息的

MVC:设计模式
M:Model 模型层，数据库底层操作和数据封装
V:View 视图层，获得模型层提供的数据，并在交互页面（jsp）进行展示
C:Control 控制层 进行后台业务处理，模块调用，路径导航等

一个pojo类的定义：1.公有私有的属性 2.公共静态/非静态方法 3.对外访问属性的方法
4.空构造 全构造（不带id）完成实例化 5(非必须).重写toString()

myeclipse

集成tomcat:window–preferences–tomcat 选择版本 Enable 安装
创建web项目:new–web project
jsp页面修改 pageEncoding=“utf-8”

404：页面找不到错误 往往是url指引的资源不存在 一般处理方法：检查路径 检查防火墙 检查其他
拦截设备 检查…

JSP：java sever pages 服务页面 在html页面中内嵌Java

支持中文的编码:utf-8 全球
gbk:简体 繁体 big 繁体 gb2312 简体

jsp组成：
1.小脚本 <% java 语言 %> 页面中的一段小程序 out.print()
2.声明：<%! %> 声明变量
3.表达式 <%=内容 %> 输出
4.指令：<%@ page language=“java” import=“java.util." pageEncoding=“utf-8”%> 引入外部资源
<%@ page language=“java” import="java.util.”%> 导包
5.标准动作 （敬请期待）
6.内置对象(背，盘它)
7.EL
8.JSTL

---

jsp内置对象：jsp页面中内置类或者接口对象 可以直接使用
1.page：当前页面对象，相当于this
2.pageContext：当前页面存储空间，可以存变量
3.config：提供一种可以访问的配置文件路径
4.exception：页面出错时，产生的错误信息对象
5.out：java.io.PrintWriter类的对象
6.request：请求，用户像服务器发出的一次访问请求
7.response：响应 服务器端向客户端反馈的一次响应
8.session：会话 请求和响应 为一次会话
9.application：应用 提供公共的访问区域（流量 在线数）
10. cookie：计算机里存储基本信息的

get：通过url传值来提交数据 快捷 但不安全
post：与get相反
url超链接传递的参数和表单提交的方式一致：
内置对象详解:
1.request 请求

获取连接客户端的地址信息:<%=request.getRemoteAddr() %>

获取连接客户端的主机信息:<%=request.getRemoteHost() %>

获取连接客户端的端口信息:<%=request.getRemotePort() %>

获取访问的项目名:<%=request.getContextPath() %>

获取访问的类型:<%=request.getContentType() %>

获取服务协议:<%=request.getScheme() %>

获取服务的ip:<%=request.getServerName() %>

获取服务的端口:<%=request.getServerPort() %>

获取连接请求的地址信息:(全)<%=request.getRequestURL() %>

获取连接请求的地址信息:<%=request.getRequestURI() %>

获取参数:<%=request.getParameter(name值) %>
获取键值对:<%=request.getAttribute(String) %>

存放内容:request.setAttribute(String, Object);

设置请求编码:request.setCharacterEncoding
get方式提交表单 乱码处理：在tomcat的配置文件sever.xml中 改端口的加上URIEncoding=“UTF-8”
post方式乱码处理:
new String(目标字符串.getBytes(“iso-8859-1”),“utf-8”)

2.response 响应

response.setCharacterEncoding() 设置响应编码
response.sendRedirect(目标页面) 重定向
request.getRequestDispatcher(目标页面).forward(request, response); 服务器跳转

3.session 会话 服务器端保留的一块区域 一次会话包含多个（请求响应过程）
session与session相互独立

session.setAttribute(String, Object); session域中存放键值信息
session.getAttribute(String); session域中获取键值信息
session.removeAttribute(String); 删除session域中存储键值信息

// 游戏角色闲置一段时间，自动离线
session.setMaxInactiveInterval(arg0) 设置session过期时间 或
web.xml中设置
时间 单位（分钟）

// 注销当前session对象
session.invalidate()

4.application 应用上的一片区域 重新部署 服务重启后重置

application.setAttribute(String, Object); application域中存放键值信息
application.getAttribute(String); application域中获取键值信息

存储空间对比:
appliction>session>request

jsp:进阶部分
1 el表达式：表达式语言 替代 out.println

格式$支持：1.字面值2.字面值+运算符数字+数字运算符字符串不支持逻辑运算符三元运算符3.在内置的页面四大空间取值<1>.pageContext》<2>.request》<3>.session》<4>.applicationel表达式会从四个空间中遍历所寻键值内容四大空间可以指名<1>.pageScope<2>.requestScope<3>.sessionScope<4>.applicationScope4.param属性值，表单提交的值，url传递的值都存在param中可以${param.属性}取值

逻辑运算的优化 < > = >= <= == !=
${对象} 相当于调用toString(),访问对象属性 ${对象.属性} ${对象[属性]}
${对象.方法()}调用方法

${对象.属性} 实际调用get属性方法 属性首字母大写 name getName；
el解析属性过程 get方法（）----方法—方法的首字母小写 eg. getName()—Name()—name

标准动作:<%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core”%>

JSTL：Java标准标签库，为了页面无脚本化。
一组标签库:包含多个标签：i18n(国际化) /2345 中 china core（核心） sql xml
需要导包（5.0内置）：jstl.jar standard.jar
使用标准动作 导包

常见core标签
1.输出 相当于 out.println()
value 输出的内容
替代：<%= %>

2.在指定区域放置内容
scope 指定的区域 var 放置数据的变量名
value 放置数据的内容
替代:<%! %>

3.将指定区域里的数据移除
var被移除变量的变量名，scope被移除数据的存放区域

4.在jstl中只有if 没有else if 没有else
test 条件表达式

switch 判断
相当于 switch（）
1 相当于 cast :
相当于 default

5.循环

基础版：

从begin开始到end结束，每次循环间隔step，循环变量var，循环信息存储varStatus
两个属性index下标从0开始，count计数从1开始

容器版：

循环的容器items，每次循环取出的对象p ,后续可以通过对象.属性访问到任意内容

其他库：
i18n：<%@ taglib prefix=“fmt” uri=“http://java.sun.com/jsp/jstl/fmt”%>

1.时间格式化:
时间格式化，value给出指定时间
a.type=“date默认” time both
b.dateStyle 日期格式 short < long < full
c.timeStyle 时间格式 short < long < full
d.var 定义一个变量 储存格式化后的时间 注意当有var时 原先的时间不输出 scope 储存空间
e.pattern 自定义事件 yyyy-MM-dd E HH:mm:ss E是星期

2.数字格式
数字格式 value 数字 var 储存的变量
a.type number(默认 $$$,$$$,$$$ ) currency 货币 percent 百分比
b.pattern 0 代表必须显示

3.字符转时间

4.字符转数字