博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
遍历DOM树,链式操作
阅读量:6393 次
发布时间:2019-06-23

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

如果需要在同一个选取结果上使用多个jQuery方法,可以同时列出这些方法,并用.隔开,如下面的代码。

1
$(
"#one"
).hide().delay(500).fadeIn(1500);

在这条语句中,在同一选择结果的元素上执行了三个方法:

  • hide() 隐藏元素
  • delay() 创建暂停
  • fadeIn() 淡入元素

这种在同一选取结果上处理多个方法的技术,叫链接式操作。

示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<
html
>
    
<
head
>
        
<
meta
charset
=
"UTF-8"
>
        
<
title
>链接式操作</
title
>
        
<
script
src
=
""
></
script
>
    
</
head
>
    
<
body
>     
        
<
p
id
=
"one"
style
=
"color:red"
>Hello world</
p
>
        
<
script
>
            
$("#one").click(function () {
                
$("#one").hide().delay(500).fadeIn(1500);
            
});
        
</
script
>
    
</
body
>
</
html
>

转载于:https://www.cnblogs.com/TangGe520/p/9131884.html

你可能感兴趣的文章
Yarn详解
查看>>
raid5分析结果(临时)
查看>>
Enterprise Library 2.0 Hands On Lab 翻译(11):缓存应用程序块(三)
查看>>
foreman架构的引入4-安装Foreman1.6.3架构(foreman与puppetmaster分离)
查看>>
【Xamarin】使用WebSocket开发实时通信应用程序
查看>>
配置Docker多台宿主机间的容器互联
查看>>
Android系统Surface机制的SurfaceFlinger服务的线程模型分析
查看>>
Webpack中publicPath设置
查看>>
event.srcElement的用法
查看>>
“页面制作人员”?“页面工程师”?“页面架构师”?滚一边去!
查看>>
C++:派生类的构造函数和析构函数
查看>>
2012 Autodesk开发者日开始注册啦
查看>>
ASP.NET 2.0 验证控件新的功能
查看>>
CentOS下Zabbix安装部署及汉化
查看>>
判断两矩形是否相交
查看>>
第7章 "敏捷+"项目管理
查看>>
Sublime-text gitHub 问题收集
查看>>
UML 类图
查看>>
Unity Remote 无法连接
查看>>
linux下core file size设置笔记
查看>>