Jquery中如何实现一个对象同事执行多个事件

最新推荐文章于 2023-07-07 16:55:54 发布

「已注销」

最新推荐文章于 2023-07-07 16:55:54 发布

阅读量678

点赞数

分类专栏：前端文章标签： jQuery

原文链接：https://www.mk2048.com/blog/blog.php?id=21aj1abab&title=Jquery%E4%B8%AD%E5%A6%82%E4%BD%95%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E5%AF%B9%E8%B1%A1%E5%90%8C%E4%BA%8B%E6%89%A7%E8%A1%8C%E5%A4%9A%E4%B8%AA%E4%BA%8B%E4%BB%B6

版权

前端专栏收录该内容

1143 篇文章 3 订阅

订阅专栏

                        
                    通过 jQuery，您可以把动作/方法链接起来。 
  
  Chaining 允许我们在一条语句中允许多个 jQuery 方法（在相同的元素上）。 
 
  jQuery 方法链接 
 
   直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。 
 
  提示：这样的话，浏览器就不必多次查找相同的元素。 
 
   如需链接一个动作，您只需简单地把该动作追加到之前的动作上。 
 
  例子 1 
 
   下面的例子把 css(), slideUp(), and slideDown() 链接在一起。"p1" 元素首先会变为红色，然后向上滑动，然后向下滑动： 
 
  $("#p1").css("color","red").slideUp(2000).slideDown(2000); 
 
   如果需要，我们也可以添加多个方法调用。 
 
   提示：当进行链接时，代码行会变得很差。不过，jQuery 在语法是不是很严格；您可以按照希望的格式来写，包含折行和缩进。 
 
  例子 2 
 
   这样写也可以运行： 
 
   $("#p1").css("color","red") 
 
     .slideUp(2000) 
 
     .slideDown(2000); 
 
   jQuery 会抛掉多余的空格，并按照一行长代码来执行上面的代码行。 
 
  完整例子： 
 
    <!DOCTYPE html> 
  
    <html> 
  
    <head> 
  
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
  
   <script> 
  
    $(document). 
   ready(function() 
  
      { 
  
      $("button"). 
   click(function(){ 
  
        $("#p1").css("color","red").slideUp(2000).slideDown(2000); 
  
      }); 
  
    }); 
  
   </script> 
  
    </head> 
  
    <body> 
  
    <p id="p1">jQuery 乐趣十足！</p> 
  
    <button>点击这里</button> 
  
    </body> 
  
    </html>

「已注销」

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Jquery中如何实现一个对象同事执行多个事件

通过 jQuery，您可以把动作/方法链接起来。 Chaining 允许我们在一条语句中允许多个 jQuery 方法（在相同的元素上）。 jQuery 方法链接直到现在，我们都是一次写一条 jQue...
复制链接

扫一扫