位置: 编程技术 - 正文

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对象可以相互转换)

  • 税率的具体形式
  • 分公司可以独立签约吗
  • 红字发票申请表盖什么章
  • 非关联企业之间无偿借款要交税嘛
  • 开票时间超限怎么办
  • 卫生清理费计入什么科目
  • 塔吊基础属于哪一类
  • 应税职工福利费在应纳税所得额里面吗
  • 员工的油费补贴怎么算
  • 企业销售现金折扣
  • 税收编码名称是什么
  • 金税三期里有员工无工资如何申报?
  • 涉农产品税率
  • 税法相关问题
  • 公司解散实收资本会计怎么处理
  • 信汇凭证是转账凭证吗
  • 增值税发票确认时间
  • 赠送算商业用途吗
  • 营改增服务业税负下降
  • 出口免税金额
  • 固定资产清理应交税费怎么算
  • iphone6s掉水里怎么办
  • NPFMSG.exe - NPFMSG是什么进程 有什么用
  • 鸿蒙系统2.0怎么升级3.0
  • 材料发票可以抵税吗
  • 公司转让使用过的汽车要交哪些税费
  • 免抵退税怎么做账
  • msstat.exe - msstat是什么进程 有什么用
  • 字典树python
  • 公司购买邮票计入什么科目
  • vue项目eslint配置
  • 现金流量表的作用和意义
  • 超过小规模纳税人标准能不转一般纳税人吗?
  • 波来古市在哪里
  • php的框架有哪些
  • axios.interceptors.request.use简介
  • yii2-admin
  • 无法按时交纳税怎么办
  • 手把手教你实现用户登录界
  • javascript编写程序
  • vue3 安装
  • 计算机视觉的未来发展方向有哪些
  • php下载文件到指定目录
  • 账户外币转人民币
  • 小规模收到成本发票分录
  • 我们买得起一辆新车吗?英文
  • 支付工程款的会计科目怎么写
  • 直接计入所有者权益的利得和损失,影响当期损益
  • 2020新个税申报流程
  • 劳务派遣公司该不该去
  • 施工企业的成本核算
  • 现金日记账退款怎么记账
  • 购入土地使用权的,以评估价格为计税依据
  • 公交车ic卡网上充值
  • 居间活动费用由谁负担
  • 不能抵扣的进项税额转出会计分录
  • 收到融资租赁发票要交印花税吗
  • 外资房地产企业 利润汇出比例
  • SQLServer:探讨EXEC与sp_executesql的区别详解
  • win101909激活
  • xp系统找不到指定的路径怎么办
  • windows xp系
  • ubuntu20.04软件安装
  • linux查看du
  • xp系统一直在启动界面怎么办
  • 电脑上dell是什么意思
  • 如何快速查询身份证号码
  • win10开机绿色
  • win7 ctrl+alt+del
  • win8.1使用
  • 查看syslog
  • javascript教程
  • opengl visual studio
  • jquery怎么禁用按钮
  • 仿京东首页html5
  • angularjs1.5
  • unity3d颜色
  • python读取大txt文件
  • 公司注册后多久要去税务局登记
  • 闵行区注册公司,闵行区税务筹划,哪
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设