遍历DOM树,链式操作

如果需要在同一个选取结果上使用多个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 = "https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js" ></ 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 >

猜你喜欢

转载自www.cnblogs.com/TangGe520/p/9131884.html
今日推荐