jquery(三)——完结!!
续前节!
1.delay():延迟,这个参数填数字表示延迟的时间
2.jQuery.fx.off = true==>相当于开关
一:jQuery实例方法——动画插件
插件名称:
jQuery Easing Plugin:
目的:
用于扩展jQuery动画过渡效果
链接地址:一搜索就有官网显示了
二:jQuery实例方法——位置图形
位置坐标图形大小相关方法:
offset()、position()、scrollTop()、scrollLeft()、....都是css里面的在jQuery里面都可以使用
三:jQuery实例方法——遍历索引
遍历索引相关得方法:
each()——遍历
index()——索引
四:jQuery工具方法
注意下面描述的一个一致性,就是工具方法前面都是“$”
1. $.type():判断数据类型
2. $.trim():消除空白
3. $.prixy():改变this指向【这个事难点,其实和bind类似】
4.noConflict():防止冲突
5.$.each():循环 map:用来处理数组或者类数组的【下面解释数组和类数组的相互转换】
6.$.map:突然别是指数组
7.$.makeArrary():类数组转换成数组【括号里面填写的参数是要被转换为数组的数据之类的】
8.$.extend():继承,克隆【往jQuery里面加功能函数时,可以直接写进去】【就是在括号里面写参数,第一个参数就是一个口袋的意思,后面的参数就是你想将什么对象克隆,然后直接放进去就行了,举个例,第一个参数我写的是1,第二个参数写的是2,第三个参数写的是3,意思就是我想我2、3对象放进1里面去,俗语来说就是克隆,,是深克隆还是浅克隆看你如何使用而已。其次就是来解释以下继承了,继承就是括号里面写个函数名,紧接着后面方法,表示我要继承这个名字函数的方法】
9.$.fn.extend():就是加到实列方法里面,简单来说和js里面的那个原型链差不多,就是将一个方法或者什么的写在原型链上,其实$.fn就是表示全局中的一个函数,然后括号里面加方法,就是将这个方法写在了这个fn上【例如,我在这个括号里面加一个拖拽的方法,然后首先拖拽这个方法有个函数名,其次就是函数方法,然后整体意思就是这个拖拽被写在了这个fn上,这个函数名称就是这个方法的称】
五:jQuery工具方法——高级方法
高级方法就是用jQuery来写Ajax
首先来回忆一下js的Ajax的步聚,六部曲!!!
第一步:浏览器兼容
第二步:创建Ajax对象
第三步:发送请求,再就是看是否同步或异步
第四步:发送,也可以说是关闭【一般关闭会好些,以免一直执行耗费性能】
第五步:监听【就是状态改变的时间触发器,5个状态码!】
第六步:看状态【看是否成功,就像获取数据,你需要看是否获取成功还是其他的状态形式】
用jQuery写Ajax就会简便一些:
在Ajax对象里面只用写:
1:获取链接url
2:请求方式type
3:参数信息data
4:请求成功后的处理函数【当然也可以写一个请求失败后的处理函数,不写也行,但是为了以防万一获取不到,或者有其他因素而失败,以便我们快速查出问题】
五.(2):
1: $.callback():回调【在Ajax中可能会用到】
2:$.callbacks():有四个参数哦!【可以混合使用哦!!】
3:Deferred():延迟对象,相当于有状态的callbacks();【也有状态标识,像添加函数有三个状态:1:完成 2:失败 3:进行中 ,触发函数有 三个状态,成功、失败、进行中】
4: $.Deferred.promise():不能触发函数——无状态
5: $.when():返回的是延迟对象,参数也是延迟对象,当参数延迟对象全部触发demo的时候,最后会触发when返回延迟对象的demo函数
- 点赞
- 收藏
- 关注作者
评论(0)