jquery(三)——完结!!

举报
hello word~/ 发表于 2020/08/11 16:35:40 2020/08/11
【摘要】 续前节! 1.delay():延迟,这个参数填数字表示延迟的时间 2.jQuery.fx.off = true==>相当于开关一:jQuery实例方法——动画插件 插件名称: jQuery Easing Plugin: 目的: 用于扩展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函数

        

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200