jQuery jsp

最新推荐文章于 2024-08-09 17:18:25 发布

李梦园

最新推荐文章于 2024-08-09 17:18:25 发布

阅读量971

点赞数

分类专栏：原创文章标签： jsp jQuerey

本文链接：https://blog.csdn.net/weixin_43517299/article/details/89218000

版权

本文介绍了jQuery库的核心特性，包括HTML元素选取、操作、CSS操作和事件函数。详细阐述了jQuery的语法、元素选择器、事件绑定以及动画方法，如淡入淡出、滑动等。同时，讲解了jQuery与JSP结合时如何使用匿名方法绑定事件，以及在JSP中的动画效果实现。最后提到了MVC设计模式在Web开发中的作用。

摘要由CSDN通过智能技术生成

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：计算机里存储基本信息的