2.18

查源码:

java学习之路——JQuery复习

 

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

 

断点:

java学习之路——JQuery复习

断点测试:添加断点,双击行数的左边即可添加断点,运行使用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 onclick=””>

                   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表示同步

 

相关文章:

  • 2021-10-03
  • 2021-10-03
  • 2021-08-26
猜你喜欢
  • 2021-11-25
  • 2021-05-15
  • 2021-05-19
  • 2021-10-03
  • 2022-12-23
  • 2022-12-23
  • 2021-10-03
相关资源
相似解决方案