位置: 编程技术 - 正文

jQuery对象的链式操作用法分析(jquery是怎样实现链式调用的?)

编辑:rootadmin

推荐整理分享jQuery对象的链式操作用法分析(jquery是怎样实现链式调用的?),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery的链式如何实现,jquery 中对象的属性怎么获取,jquery对象的方法有哪些,jquery是怎样实现链式调用的?,jq的链式调用,jquery的链式操作,jquery链式写法原理,jquery是怎样实现链式调用的?,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了jQuery对象的链式操作用法。分享给大家供大家参考,具体如下:

jQuery对象的链式操作

首先来看一个例子:

对一个jQuery对象先调用了css()函数修改样式,然后使用attr()函数修改属性,这种调用方式象链一样,所以称为"链式操作"。

链式操作能够让代码变得简洁,因为往往可以在一条语句中实现以往多条语句才能完成的任务。比如如果不使用链式操作,需要用两条语句才能完成上面的任务:

除了增加了代码量,还调用了两次选择器,降低了速度。

在一个较短的链式操作中,往往语句比较清晰,可以分步骤地对jQuery对象实现各种操作。但是链式操作不应该太长,否则会造成语句难以理解,因为要查看jQuery对象当前的状态并不是容易的事,尤其如果涉及jQuery对象中元素的增删操作是更加难以判断。

并不是所有的jQuery函数都可以使用链式操作。这与链式操作的原理有关,之所以可以实现链式操作是因为其中的每个函数返回的都是jQuery对象本身。在jQuery类库的内部实现中,虽然很多的函数都返回jQuery对象本身,但都是通过调用内部有限的几个函数实现的,比如attr()函数设置属性石,实际上最后调用了"jQuery.each(object,callback,args)"方法。注意此方法不是jQuery对象方法,jQuery对象方法也有一个each()函数,为"jQuery.fn.each(callback,args)",此函数最后同样调用jQuery.each函数:

jQuery对象的链式操作用法分析(jquery是怎样实现链式调用的?)

下面看一看jQuery.each函数的返回结果:

Object是jQuery.fn对象,即jQuery对象。最后返回的还是jQuery对象。

可以使用下面的原则判断一个函数返回的时候是jQuery对象,即是否可以用于链式操作。

除了获取某些数据的函数,比如获取属性值"attr(name)",获取集合大小"size()"这些函数明显是返回数据的。除了这些函数之外的jQuery函数都可以用于链式操作,比如设置属性"attr(name.value)"。

"$"变量的使用

"$"变量是"jQuery"变量的引用。"jQuery"变量是全局变量,jQuery对象是指"jQUery.fn",不要混淆。"jQuery"变量类似于静态类,上面的方法都是静态方法,可以在任何时刻调用。比如"jQuery.each"。"jQuery.fn"是实例方法,只能在jQuery对象上调用。比如"jQuery.fn.each()"方法只能通过"$('#id').each"这种形式调用。

前面提到,可以使用"$"代替"jQuery",因为在jQuery的内部有如下实现:

所以"$"变量和"jQuery"变量实际上是Window对象的属性,也就是全局变量。可以在页面上得任何地方调用。

更多关于jquery相关内容感兴趣的读者可查看本站专题:《jquery常用操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery操作json数据技巧汇总》、《jQuery操作xml技巧总结》及《jQuery扩展技巧总结》

希望本文所述对大家jquery程序设计有所帮助。

jQuery对象与DOM对象转换方法详解 本文实例分析了jQuery对象与DOM对象的转换方法。分享给大家供大家参考,具体如下:jQuery对象转换为dom对象只有jQuery对象才能调用jQuery类库的各种函数

有关easyui-layout中的收缩层无法显示标题的解决办法 easyui-layout中的收缩层无法显示标题的问题原因分析:在easyui-layout中设置面板初始化为可以折叠,然后就发现标题还有图标都木有了嗯,就是结果列表上

jQuery的文档处理程序详解 本文实例讲述了jQuery的文档处理程序。分享给大家供大家参考,具体如下:jQuery文档处理程序所谓的文档处理程序,是指jQuery中提供的$(document).ready事件

标签: jquery是怎样实现链式调用的?

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

上一篇:基于jquery实现智能表单验证操作(jquery的实现原理)

下一篇:jQuery对象与DOM对象转换方法详解(jquery对象与dom对象可以相互转换)

  • 所得税费用的计提
  • 出口税率和出口关税税率一样吗
  • 没有审计报告的上市公司怎么办
  • 投资性房地产出售时公允价值变动损益
  • 每年税控盘维护费会计分录
  • 现金流量表季度申报可以不填吗
  • 普票开错了几个月可以重新开
  • 测试费明细
  • 汇算清缴企业所得税退税账务处理
  • 税负率怎么算计算公式举例说明
  • 长期股权投资的账务处理
  • 建筑业异地预缴税款怎么抵扣
  • 成本跨年如何处理
  • 公户转私户的钱几天能到账
  • 清算资金往来借贷方什么意思
  • 工程预付款未按时支付
  • 一般企业和行政事业单位的资产负债表是否一样
  • 收到社保局生育津贴
  • 开具增值税专用发票承诺函
  • 印花税是发票吗
  • 营改增文件2019
  • 小规模补缴增值税怎么算
  • 保险公司赔偿的存货自然灾害损失
  • 房地产车位收入做账
  • 一次性伤残补助金由谁支付
  • 报销培训费怎么做账
  • php怎么配置环境
  • 一个更简单的无限级分类菜单代码
  • os x yosemite dp5下载地址 os x 10.10 dp5更新内容
  • PHP:apache_request_headers()的用法_Apache函数
  • 其他业务收入产品包括
  • vite配置详解
  • 个人将房产过户到一人有限公司交什么税
  • 取得土地使用权的方式
  • php csrf攻击
  • 社保退工伤保险怎样做分录
  • node使用axios
  • c语言中数组越界
  • mysql列表
  • 财政补贴收入账务处理
  • 小规模纳税人免增值税的账务处理
  • dedecms批量发文章
  • 水电费进项税额转出情形
  • 资产负债表中应付账款项目应根据什么填制
  • sqlserver存储过程写法
  • 损益类账户怎么记入总账
  • 资产负债有哪些科目
  • 融资租赁业务的账务及涉税处理
  • 固定资产核算的内容主要包括
  • 存贷款利率计算公式
  • 前程无忧效果怎么样
  • 缴纳工会筹备金应该记什么科目
  • 托管服务费开什么发票
  • 企业净资产怎么填
  • 恢复网页浏览历史记录
  • sql server创建备份
  • mysql优化的几种方法
  • sql server多表查询
  • mysql 5.7.12 winx64手动安装教程
  • ubuntu无法进入系统出现uid121
  • centos6.10配置网络
  • mmc无法创建管理单元win10
  • windows7窗口拖到屏幕顶端
  • macos time machine
  • rsmsink.exe - rsmsink是什么进程 有何作用
  • rtlrack.exe - rtlrack是什么进程 有什么用
  • nddeagnt.exe - nddeagnt是什么进程 有什么用
  • win10系统如何在管理页面设置共享
  • opengl 编程
  • js常用的设计模式
  • node.js教程详细
  • js中不同的height, top的区别对比
  • cmd 更改密码
  • angular keyup
  • 如何处理女寝关系
  • 基于javascript的毕业设计
  • 纳税人如何划分
  • 公租房要钱吗
  • 进口麦片销售公司
  • 临汾的公司需要交社保吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设