jQuery 方法链接



  • jQuery 方法链接

    使用jQuery,您可以将动作/方法链接在一起。
    链接允许我们在单个语句中运行多个jQuery方法(在同一元素上)。
    到目前为止,我们一直在编写一个jQuery语句(一个接一个)。
    但是,有一种称为链接的技术,它允许我们在同一个元素上一个接一个地运行多个jQuery命令。
    提示:这样,浏览器不必多次查找相同的元素。
    要链接动作,只需将动作附加到上一个动作即可。
    以下示例将css()slideUp()slideDown()方法链接在一起。 “p1”元素首先变为红色,然后向上滑动,然后向下滑动:
       
              <head>
                 <script type="text/javascript" src="jquery.js"></script>
                 <script type="text/javascript">
                 $("#p1").css("color", "red").slideUp(2000).slideDown(2000);
                </script>
              </head>
    
    如果需要,我们还可以添加更多方法调用。
    提示:链接时,代码行可能会变得很长。 但是,jQuery对语法不是很严格; 你可以按照你想要的格式化它,包括换行符和缩进。
    以下示例的用法也很好用:
       
              <head>
                 <script type="text/javascript" src="jquery.js"></script>
                 <script type="text/javascript">
                 $("#p1").css("color", "red")
                 .slideUp(2000)
                 .slideDown(2000);
                </script>
              </head>
    
    jQuery抛弃了额外的空格,并将上面的行作为一长串代码执行。