博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery复习(三)之链式调用
阅读量:4948 次
发布时间:2019-06-11

本文共 612 字,大约阅读时间需要 2 分钟。

通过 jQuery,可以把动作/方法链接在一起。

Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上)。

jQuery 方法链接

直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。

不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。

提示: 这样的话,浏览器就不必多次查找相同的元素。

如需链接一个动作,您只需简单地把该动作追加到之前的动作上

下面的例子把 css()、slideUp() 和 slideDown() 链接在一起。"p1" 元素首先会变为红色,然后向上滑动,再然后向下滑动:

实例

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

如果需要,我们也可以添加多个方法调用。

提示:当进行链接时,代码行会变得很差。不过,jQuery 语法不是很严格;您可以按照希望的格式来写,包含换行和缩进。

如下书写也可以很好地运行:

实例

$("#p1").css("color","red")  .slideUp(2000)  .slideDown(2000);

jQuery 会抛掉多余的空格,并当成一行长代码来执行上面的代码行。

转载于:https://www.cnblogs.com/kunmomo/p/11231250.html

你可能感兴趣的文章
集群、负载均衡、分布式
查看>>
SDOI10 古代猪文题解
查看>>
Codeforces Round #517(Div2) A.Golden Plate
查看>>
JAVA中Date类的使用
查看>>
JS 获取各个偶数之和!!
查看>>
Android 调用堆栈跟踪
查看>>
Windows命令行使用FTP
查看>>
POJ1045 Bode Plot
查看>>
MSMQ(消息队列)
查看>>
文明-墓-太阳墓:太阳墓
查看>>
云:VMware
查看>>
建模:数据建模
查看>>
Shell
查看>>
[loj 2478][luogu P4843]「九省联考 2018」林克卡特树
查看>>
电脑插上耳机没声音
查看>>
pyqt5的使用目录
查看>>
UVA 1395 Slim Span 最小生成树
查看>>
Bug管理工具(TCE)之缺陷流程定制
查看>>
srv.exe蠕虫病毒~
查看>>
hibernate映射的 关联关系:有 一对多关联关系,一对一关联关系,多对多关联关系,继承关系...
查看>>