位置: 编程技术 - 正文

jQuery链式调用与show知识浅析(ajax链式调用)

编辑:rootadmin

推荐整理分享jQuery链式调用与show知识浅析(ajax链式调用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery链式操作原理,jquery 链式调用,jq的链式调用,js实现链式调用函数,链式操作是jquery代码的风格之一,jquery链式操作原理,jquery链式操作原理,jq的链式调用,内容如对您有帮助,希望把文章链接给更多的朋友!

上篇文章给大家介绍了jQuery的框架,有关jquery的基础知识可以参考下。

jQuery使用许久了,但是有一些API的实现实在想不通。下面将使用简化的代码来介绍,主要关注jQuery的实现思想。

相较于上一篇,代码更新了:~

先拿hide函数热身一下。如上篇提到的,jQuery会将获取到的nodeList处理成数组,所以一上来,我们用forEach处理数组里的每一个node节点。

接下来,我们只需要将每一个节点的style.display置为'none'即可隐藏。很简单,对吧?(⊙0⊙) 。oldDisplay和return this先不管?( ̄? ̄)?

其中isHidden是判断该元素是否隐藏:已经隐藏的元素就没必要再去处理了,直接跳过

--------------------------

接下来,来个稍繁琐的show。先抛出一个问题来引发一系列问题:

hide某个元素只需要将display:none,那么show呢?

display:block不就行了吗?这样确实可以将元素显示出来。但是万一元素原来的值是display:inline呢?

那在hide处保存原来的值不就行了吗?就像以下的代码:

要是执行show前没有不执行hide呢?比如下面这种情况,不就没有oldDisplay了吗(⊙0⊙)

好,关键的地方到了:我们获取元素display的默认值就可以了吧?比如div默认是block,span默认是inline。

jQuery链式调用与show知识浅析(ajax链式调用)

思路有了,那么接下来的问题是:如何获取元素display的默认值?

嘿嘿嘿,想不到吧?这里需要用点小技巧,大体思路如下:通过nodeName创建一个新的标签,再获取。

有个地方可以再优化一下,getDisplay获取到元素display默认值后,可以使用jQuery的cache机制存起来(实际上jQuery也是这么做了)。

然后,综合这两种情况:

以为这样就结束了?NO,show函数的情况还是挺复杂的,我们大致要应对这几种情况:

最终,show函数变成了这鬼样ψ(?_?)。大致思路如下:

--------------------------

链式调用就是类似这种情况:

实现起来非常简单,只要在每个函数后面return this即可

--------------------------

有同学说:喂!这个show,hide不对吧?是不是漏了时间参数? 用setTimeOut自己实现吧~>_<~+。

本节最主要是让大家知道jQuery需要考虑的情况非常多(很多脏活)。即时简化了代码,依然还是这么长。

写完后,发现show还有一种情况没考虑:

jQuery的框架介绍 jQuery使用有一段时间了,但是有一些API的实现实在想不通。小编参考相关资料源码,现在把我的学习过程和收获分享给大家。下面将使用简化的代码来

基于jQuery插件实现点击小图显示大图效果 本文实例为大家分享了基于jQuery实现点击小图显示大图效果,供大家参考,具体内容如下显示以下效果:点击任意一张图片会显示大图:1、前台界面%@Pa

Jquery插件仿百度搜索关键字自动匹配功能 本文实例为大家分享了Jquery搜索关键字自动匹配功能的实现代码,供大家参考,具体内容如下jQueryAutoComplete是一个基于jQuery实现搜索关键字自动匹配提

标签: ajax链式调用

本文链接地址:https://www.jiuchutong.com/biancheng/386545.html 转载请保留说明!

上一篇:使用jQuery处理AJAX请求的基础学习教程(怎么用jquery)

下一篇:jQuery的框架介绍(jquery mvvm框架)

  • 甲供材料的增值税是多少
  • 个人所得劳务报酬税率
  • 税收缴款书现在还有吗
  • 制造费用的结转公式
  • etc扣费与发票不符
  • 筹备期间人工成本怎么算
  • 企业内部转账应注意什么
  • 用现金购买办公设备会计分录
  • 亏损结转本年利润会计分录
  • 对方预付给我们项目款怎么做账?
  • 补偿金申报个所税如何录入?
  • 纸箱报废处理怎么做账
  • 现金支付可以报销吗
  • 旅行社小规模纳税人增值税怎么征税
  • 增值税普通发票有什么用
  • 维修费用的税率
  • 待认证进项税额借贷方向
  • 销售开发后的产品
  • 不增税、免税、零税率的差异
  • 航道疏浚服务属于什么服务
  • 付尾款会没货吗
  • 补充医疗保险报销流程
  • 应收账款重组
  • 企业存款利息收入要交哪些税
  • 未开票收入跨年可以冲回吗
  • 建筑企业如何预缴企业所得税
  • php多线程怎么实现
  • win10无法以管理员身份运行的原因及解决方法
  • 委托境外研发费用怎么扣除
  • 带薪缺勤会计分录
  • 房产自用改出租房产税如何申报
  • php xml
  • 小程序开发定制
  • thinkphp yii
  • svc语法
  • springboot整合ssm
  • tf club下载
  • Attentional Feature Fusion 注意力特征融合
  • 其他免税销售额怎么算
  • 收回多发的工资在上缴财政,可以用应缴财政款科目吗
  • Vite + Vue2 + Vuetify2 + <script setup> + TypeScript 搭配开发项目
  • java timestamp localdatetime
  • python 脚本编写
  • 运费计入什么会计分录
  • 对外捐赠非货币性资产的会计处理
  • 购入原材料要交印花税吗
  • sql查询语句怎么用
  • 红字发票的数量乘以单价可以不等于含税金额吗
  • 设计公司成本核算分录
  • 教育费附加退费
  • 2019员工旅游费最新规定
  • 企业送员工的礼品
  • 建筑安装主要做什么
  • 公司内部核算调研报告
  • 利润表的未分配利润是哪个
  • 暂估入库后发票来不了会计分录
  • 税款滞纳金征收比率怎么算
  • 建筑业简易征收税率5%
  • 验资 银行
  • 旧账整理方案
  • freebsd联网
  • mac虚拟机安装win10教程
  • win7工具栏怎么调整
  • 老电脑安装win7还是win8
  • kdeskcore.exe是什么
  • le启动exe是什么意思
  • win10 无线热点
  • win8系统打不开exe
  • win10共享打印机win7连不上
  • win7安装内存4g
  • Windows下的C语言编译器
  • css教程推荐
  • JavaScript实现Base64编码转换
  • Node.js中的construct构造函数
  • bat批处理执行cmd命令
  • 用jQuery的AJax实现异步访问、异步加载
  • JavaScript中的this指向
  • Node.js中 __dirname 的使用介绍
  • 如何搭建python项目架构
  • js 判断
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设