jQuery |链接（）

jQuery 是一个非常强大的 JavaScript 框架。使用 jQuery，我们可以使用 do chaining，这意味着在单个元素的单个语句中将多个方法链接在一起。
我们一直在使用单个语句，但现在使用链接方法我们可以绑定多个方法以缩短代码。这样，浏览器不必多次查找相同的元素。

优势：
在 jQuery 中使用方法链时，它确保不需要多次使用相同的选择器。过度使用选择器会严重减慢您的代码速度，因为每次调用选择器时，您都在迫使浏览器去寻找它。通过组合或“链接”多种方法，您可以大大减少浏览器查找相同元素的次数，而无需设置任何变量。

使用 JavaScript 和 jQuery 实现 chaining() 以更好地理解：
代码#1：使用上滑和下滑方法功能进行链接-

  

    
    

  

    Chaining method in jQuery
  
    Click me
  
    
        $(document).ready(function() {
            $("button").click(function() {
                  
                 //assigning the color blue
                $("#para").css("color", "blue")
                //using slide up method
                    .slideUp(2000)  
                 //using slide down method
                    .slideDown(2000).
                slideUp(2000).
                slideDown(4000);
            });
        });
    

  

输出：

代码 #2：在 jQuery 中使用 animate函数实现链接效果-

  

    
    
  

  

  
    Chaining method in jQuery
  
    Click me
  
    
       $(document).ready(function() {
        $("button").click(function() { 
         $("#para").css("color", "blue").animate({
               width: "100%"
            })
            //it adds animation to the program by styling it
            .animate({
               fontSize: "46px"
             })
            .animate({
                borderWidth: 30
             });
            });
        });
    

  

输出：