JSP网络程序设计与案例开发教程9JSP高级程序设计.ppt

* 属 性 类 型 描 述 引用EL test Boolean 条件表达式，这是c:if标签必须定义的属性 可以 var String 指定变量名，这个属性会指定test属性的判断结果将存放在那个变量中，如果该变量不存在就创建它 不可以 scope String 存储范围，该属性用于指定var属性所指定的变量的存在范围 不可以 * (2) c:choose标签 根据不同的条件去完成指定的业务逻辑。c:choose标签只能作为c:when和c:otherwise标签的父标签，可以在它之内嵌套这两个标签完成条件选择逻辑。 c:choose c:when 业务逻辑 /c:when … !--多个c:when标签-- c:otherwise 业务逻辑 /c:otherwise /c:choose jQuery选择器 1．元素选择器：使用 CSS 选择器来选取 HTML 元素。 例如： $(“标签名”),如$(“p”)是选取了所有的p标签节点。 $(“#id名”),如$(“#text”)是选取了id为test的标签节点。 $(.class名),如$(.text)是选取了所有class为test的标签节点。 * jQuery选择器 2．属性选择器：使用 XPath 表达式来选择带有给定属性的元素。 例如： $([href]) 选取所有带有 href 属性的元素。 $([href=#]) 选取所有带有 href 值等于 # 的元素。 $([href!=#]) 选取所有带有 href 值不等于 # 的元素。 $([href$=.jpg]) 选取所有 href 值以 .jpg 结尾的元素。 * jQuery选择器 3．CSS 选择器：可用于改变 HTML 元素的 CSS 属性。 例如：把所有 p 元素的背景颜色更改为红色： $(p).css(background-color,red); * jQuery事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 * jQuery获得/改变页面内容和属性 1．获得内容的常用方法有： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 * 【例9-6】jQuery获得页面内容的例子。 jQuery获得/改变页面内容和属性 2．获得属性的常用方法是：attr() 方法。 * 【例9-7】jQuery获得页面属性的例子。 jQuery添加/删除元素和内容 1．添加新内容的四个 jQuery 方法： append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 * 【例9-8】在原有页面内容前面和后面添加元素的方法。 jQuery添加/删除元素和内容 2．删除元素和内容主要使用以下两个 jQuery 方法： remove() - 删除被选元素（及其子元素） empty() - 从被选元素中删除子元素 * 9.3 应用举例：网上商城系统中jQuery/AJAX技术的运用 9.3.1商品查询输入时的自动提示功能 许多搜索引擎具有这样的功能，当用户在搜索框里输入关键字时，会自动显示以该关键字开头的短语关键字列表。 这就是运用了jQuery/AJAX JavaScript 技术，把用户输入的字符发送到服务器，服务器会返回一个搜索建议的列表。 * 9.3 应用举例：网上商城系统中jQuery/AJAX技术的运用 9.3.2 数据校验 在输入form表单内容的时候，通常需要确保数据的唯一性。 常用的做法是： 在页面上提供唯一性校验按钮，用户点击按钮，执行window.open()方法打开一个校验小窗口，该操作比较耗费资源； 或者等待表单提交到服务器端，由服务器判断后返回相应的校验信息，需要把整个页面提交到服务器并由服务器判断校验，处理和等待时间长，加重了服务器负担。 * 9.3 应用举例：网上商城系统中jQuery/AJAX技术的运用 9.3.2数据校验 使用AJAX技术，校验请求由XMLHttpRequest对象发出，整个过程不需要弹出新窗口，也不需要将整个页面提交到服务器，而是采用异步方式直接将参数提交到服务器，用window.alert将服务器返回的校验信息显示出来，既快速又不加重服务器负担。 在此基础上进一步利用jQuery技术来简化代码编写，使得开发工作变得更加容易。 * * 本章目的与任务 Ajax技术 jQuery技术 EL