当前位置 博文首页 > mataodehtml的博客:java学习之路——JQuery复习
查源码:
?
按住Ctrl点击要查看的方法或类,如果是没有源码的话,我们点击查询源码,选择额外的路径,选择额外的文件找到java安装路径下的src.zip,即可查看源码。
?
断点:
断点测试:添加断点,双击行数的左边即可添加断点,运行使用debug方式运行,进入debug运行界面后如图,F8直接运行结束,F5一步一步运行,遇到方法进入方法内运行,F6直接跳过方法,F7从方法中可以返回到直接debug运行的地方。
?
?
?
为什么dao层使用接口?
???????? 解耦,高内聚,低耦合,软件工程理念。便于后期的维护。
?
SVN:
???????? 第一次从服务器检出项目用checkOut,
以后每次从服务器检出项目都是update
向服务器提交项目用commit
?
Jquery加强:
一、
1.dom对象——>jquery对象
???????? $(dom)
2.jqery对象——》dom对象
???????? 方式一:$obj.get(0);
???????? 方式二:$obj.get()[0];
?
二、选择器
???????? 1.基本选择器
?????????????????? #id????? id选择器
?????????????????? element? 元素选择器
?????????????????? .class??????? 类选择器
?????????????????? *??????? 查找当前页面所有节点
?????????????????? selector1,selector2…? 多个选择器合并
???????? 2.层级选择器
?????????????????? ancestor? descendant 查找当前节点的所有后代
?????????????????? parent>child? 只查找当前节点的子节点(注意区别子孙)
?????????????????? prev+next???????? 查找当前节点的下一个兄弟
?????????????????? prev~ siblings? 查找当前节点下面的所有兄弟
?
???????? 3.基本过滤器
?????????????????? :first 查找第一个
?????????????????? :last 查找最后一个
?????????????????? :not(selector) 排除符合这个选择要求的节点对象(不需要引号)
?????????????????? :even? 查找偶数项
?????????????????? :odd?? 查找奇数项
?????????????????? :eq(index) 下标等于xx的节点对象
?????????????????? :gt(index)? 下标大于
?????????????????? :lt(index)?? 下标小于
????????
4.内容选择器
???????? :contains(text) 匹配包含文本的节点对象
???????? :empty 匹配不包含文本或子节点的节点对象
???????? :has(selector) 匹配满足包含选择器要求的节点对象
???????? :parent? ???????? 匹配包含文本或子节点的节点对象
?
5.可见性过滤选择器
???????? :hidden 匹配隐藏的节点对象
???????? :vidible 匹配可见的节点对象
?
6.属性过滤选择器
???????? [attribute] 匹配包含xx属性的节点对象
???????? [attribute=value] 匹配包含xx属性值等于xx的节点对象
???????? [attribute!=value] 匹配xx属性值不等于xx的节点对象
???????? [attribute^=value] 匹配xx属性值以xx内容开头的节点对象
???????? [attribute$=value] 匹配xx属性值以xx内容结尾的节点对象
???????? [attribute*=value] 匹配xx属性值任意位置包含xx的节点独享
???????? [attrSel1][attrSel2][attrSelN] 匹配都满足多个属性过滤要求的节点对象
?
7.子元素过滤选择器
???????? :first-child 匹配满足要求选择器的第一个子元素
???????? :nth-child(index/even/odd) 参数从1开始
???????? :last-child 匹配满足要求选择器的最后一个子元素
?
?
???????? 页面加载:
???????? window.onload = function(){}
???????? 等价于:$(function(){})
?
查找:????
查找当前节点的子节点(儿子):
???????? children();可以有参数:节点
???????? find(exp);查找后代,必须有参数
???????? next(),prev(),查找下个兄弟和上个兄弟,可以有参数(必须是下一个 参数不知道有什么用)
???????? parent() 查找父节点,可以有参数(必须是父节点,参数没有什么用)
???????? siblings() 其他兄弟 可以有参数(参数指定哪个兄弟)
?
?
?
事件:
???????? js使我们有能力动态的去构建页面,时间就是js能够被侦测到的行为,简单来说时间就是人与计算机之间的交互行为。
?
事件对象(event):代表当前事件的状态,我们在执行任何一个事件时都会产生event对象。该代表事件的状态,比如事件在其中发生的元素。键盘按键的状态,鼠标的位置,鼠标按钮的状态,事件通常与函数结合使用,函数不会在事件执行前被执行。
???????? 事件源:发生该事件的对象,谁触发该事件即事件源(event.target)
?
???????? 1.原生js事件的回顾
?????????????????? a-1.静态绑定到HTML元素上<input οnclick=””>
?????????????????? a-2.动态绑定到HTML元素上 window.load=function(){}
?
???????? 2.在原生js中如何获取js对象
?????????????????? 两种方式:IE9以上的版本和非IE浏览器,event事件对象可以作为方法的参数传入,调用方法的时候将event传入,方法的形式参数可以随便写
?????????????????? function f(e){
}
???????? IE8以下的版本,event事件对象必须作为window对象的属性传入
?????????????????? function f(){
???????? //window.event.clientX
???????? event.clientX
}
????????
???????? 3.事件对象的作用
?????????????????? 3.1、可以帮助我们找到事件源
??????????????????????????? event.target
?????????????????? 3.2、查看点击事件的鼠标坐标位置
??????????????????????????? event.clientX?? event.clientY
?????????????????? 3.3、查看当前点击的时间类型
??????????????????????????? event.target
?????????????????? 3.4、阻止事件冒泡
???????????????????????????????????? div嵌套div,可以访问到内部的div
??????????????????????????? event.stopPropagetion();
?
b Jquery对事件的支持
???????? ?jquery如何处理页面绑定事件
?????????????????? 正式写法:on(eve,[sel],[data],fn)
?????????????????? events:一个或多个用空格分割的时间类型和可选的命名空间,如“click”或“keydown.myPlugin”
?????????????????? selector:一个选择器字符串用于过滤器的触发事件的选择器元素后代。如果选择的<? null? 或省略,当它达到选定的元素,事件总是触发
?????????????????? data:当一个事件被触发时要传递event.data给事件处理函数。
?????????????????? fn:该事件被触发时执行的函数,false
???????? 值也可以做一个函数的简写 返回false
?????????????????? 简写:
??????????????????????????? $obj.click([data],fn).blur([data],fn)
???????? 注:on支持给节点对象动态绑定事件,即页面上有添加或修改后的子节点仍可以绑定事件,前提是selector参数必须是要被绑定的目标子节点
?
????????
jquery对ajax请求的支持函数
1、load(url,[data],[callback])
作用:异步的向服务端发送请求,将返回的数据直接添加在指定的节点之上
参数:url:请求地址
???????? ? data:发送至服务器的key/value数据,绑定的数据有两种形式
?????????????????? ???????? “username=zs”,{“username”:”zs”}
???????? ? callback:载入成功时回调函数
????????
???????? 弊端:只能发送异步请求,对返回的数据不能处理,返回的数据只能直接添加在调用该函数的节点标签体中。
2、$.get(url,[data],[fn],[type])
作用:异步的向服务端发送get请求,并且可以使用回调函数处理服务端返回的数据
???????? 参数:
???????? url:请求地址
???????? data:发送至服务器的key/value数据。绑定的数据有两种形式
??????????????????????????? “username=zs”,{“username”:”zs”}
???????? fn:载入成功时回调函数,当服务器响应回来的数据吗,可以使用该函数进行处理
?????????????????? 例如:
??????????????????????????? function(result,[status]){}
??????????????????
??????????????????????????? result:只服务端响应返回的内容
??????????????????????????? status:请求状态,描述的是服务端返回的数据状态
??????????????????????????? type:指定服务端返回的数据类型,可以有以下五种:
???????????????????????????????????? script,xml,html,json,text
???????????????????????????
?
???????? 弊端:只能发送异步请求
?
3. ?? $.post(url,[data],[callback])
???????? 同上!
?
4.????? $.ajax(url,[settings])
???????? 作用:可以发送异步请求或同步请求,并且可以使用回调函数处理服务端返回的数据
????????
???????? 主要参数:
???????? url:请求地址
???????? type:请求方式
???????? data:携带数据
???????? datatype:数据类型
???????? success:表示正确接收服务端返回的数据时,使用该回调函数。
?
例如:function(result,[status]){
???????? result:指接收服务端返回的数据
???????? statue:请求状态
}
???????? error:ajax请求失败时调用的回调函数
???????? async:默认缺省值为true,true表示异步,false表示同步
?
cs