<------------------------------------------------------------------------------------------------------------------>
1.利用Ajax+JSON技术实现产品热销列表 参考demo1.jsp示例 2.Ajax有什么优点? 1)在整个页面不刷新情况下,局部更新 2)异步请求处理模式,可以不打断用户操作 3)采用按需方式提交请求数据和获取响应数据 同步模式:请求1-->响应1回调执行-->请求2 异步模式:请求1-->请求2-->响应1回调执行 3.利用JSON.jar自定义转换格式(了解) Date类型需要采用此方法特殊处理. 1)编写一个格式转换器,需要实现 JsonValueProcessor接口及其方法 2)在使用JSONObject,JSONArray时, a.先创建一个JsonConfig对象,将格式转换器给 JsonConfig对象注册,如下 JsonConfig config = new JsonConfig(); config.registerJsonValueProcessor( 属性类型,转换器对象); b.在调用JSONObject和JSONArray的fromObject 方法时,将config对象指定. JSONObject.fromObject(Java对象,config); -------------jQuery框架-------------- 1.什么jQuery,有什么好处 jQuery是一个JavaScript框架或脚本库.它将一些 原始js脚本封装,提供了一些函数,便于脚本开发. 类似jQuery框架很多,例如prototype,ExtJs,yahoo等. "Write less do More!" 好处:应用方便,便于客户端JavaScript和Ajax编程. 2.jQuery框架原理 jQuery提供了很多功能函数和多种类型选择器. 1)利用jQuery编程步骤: a.先利用选择器将页面中的元素获取 b.然后使用函数进行操作. 2)什么是jQuery对象 利用jQuery选择器选出的对象才是jQuery对象. jQuery对象是一个集合,集合元素是原有js中DOM对象. 注意:只有jQuery对象才可以使用jQuery提供的函数 3)对象类型的转换 a.将一个DOM对象转换成jQuery对象 $(DOM对象) b.将一个jQuery对象转换成DOM对象 //获取jQuery对象集合中的第一个DOM对象 jQuery对象[0] 或者 jQuery对象.get(0) c.将一个字符串转换成jQuery对象 $(字符串) 4)页面载入完毕执行指定函数fn (demo2.jsp) $(document).ready(fn); //或者 $(fn); 3.jQuery选择器 1)基本选择器 (demo3.jsp) *a.按id属性值选择 $("#id值") *b.按class属性值选择 $(".class值") *c.按元素名称选择 $("元素名称") d.选取所有元素 $(*) e.选取多个元素,用逗号隔开选择器 $("#c1,#c2")//选取id=c1和id=c2的元素 2)层级选择器 (demo4.jsp) *a.父子关系 $("选择器1 > 选择器2") *b.祖先后代关系 $("选择器1 选择器2") c.前后关系 $("pre + next") d.兄弟关系 $("pre ~ siblings") 3)简单选择器 (demo4.jsp) *a.选第一个 :first *b.选最后一个 :last *c.选奇数元素 :even *d.选偶数元素 :odd *e.选指定元素 :eq(索引) *f.选大于指定值的元素 :gt(索引) *g.选小于指定值的元素 :lt(索引)
<------------------------------------------------------------------------------------------------------------------>
1.特效函数 主要实现隐藏和显示功能. 1)基本效果 show();//将元素显示 show(speed);//在指定speed时间内完成显示 speed:参数值可以为'slow','normal','fast' 也可以使用数字1000,2000(毫秒) hide();//将元素隐藏 hide(speed);在指定时间内隐藏 toggle();//切换隐藏和显示. 2)滑动效果(改变元素高) slideDown(speed);//将元素显示 slideUp(speed);//将元素隐藏 3)淡入淡出效果(改变元素的透明度) fadeIn(speed);//将元素显示 fadeOut(speed); //将元素隐藏 4)自定义动画 animate(); 2.筛选函数 基于现有jQuery元素对象查找其他元素. 1)过滤 a.eq(索引) 获取jQuery对象集合中某一个元素 b.not(选择器) 从jQuery对象集合中将符合选择器的元素排除 返回剩下的元素. c.is(选择器) 从jQuery对象集合中获取符合选择器的元素 d.slice(begin,[end]) 从jQuery对象集合中获取begin-end的子元素 2)查找 a.find(选择器) 从当前jQuery集合中将符合选择器的后代元素 返回. b.children(选择器) 从当前jQuery集合中将符合选择器的子元素返回 c.parent() 获取当前jQuery对象的父元素 d.siblings() 获取当前jQuery对象的兄弟 3.工具函数 a.$.trim(str) 字符串过滤空格,只过滤前后空格 b.$.each(集合,fn) 循环操作,每一个元素触发fn处理 (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|