当前位置 博文首页 > mataodehtml的博客:java学习之路——JQuery复习

    mataodehtml的博客:java学习之路——JQuery复习

    作者:[db:作者] 时间:2021-08-10 22:15

    2.18

    查源码:

    ?

    按住Ctrl点击要查看的方法或类,如果是没有源码的话,我们点击查询源码,选择额外的路径,选择额外的文件找到java安装路径下的src.zip,即可查看源码。

    ?

    断点:

    断点测试:添加断点,双击行数的左边即可添加断点,运行使用debug方式运行,进入debug运行界面后如图,F8直接运行结束,F5一步一步运行,遇到方法进入方法内运行,F6直接跳过方法,F7从方法中可以返回到直接debug运行的地方。

    ?

    ?

    ?

    2.19

    为什么dao层使用接口?

    ???????? 解耦,高内聚,低耦合,软件工程理念。便于后期的维护。

    ?

    SVN:

    ???????? 第一次从服务器检出项目用checkOut,

    以后每次从服务器检出项目都是update

    向服务器提交项目用commit

    ?

    2.21

    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 匹配满足要求选择器的最后一个子元素

    ?

    ?

    2.25

    ???????? 页面加载:

    ???????? 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参数必须是要被绑定的目标子节点

    ?

    ????????

    ??? 2.27

    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