什么是 jQuery 中的链接？

在 jQuery 中，链接允许我们在单个语句中对一个元素执行多个操作。

大多数 jQuery函数返回一个 jQuery 对象，因此当第一个方法完成执行时，它返回一个 obj 现在将在该对象上调用第二个方法。

示例 1：借助链接，我们可以简洁地开发代码。链接还使我们的脚本更快，因为现在浏览器不必找到相同的元素来对它们执行操作。 ‘gfg’对象的每个方法都返回一个对象。

首先调用geek()方法，然后调用write()方法，再调用destroy()方法。

HTML

  
  

  

    
        let gfg = {
            geek: function(){
                alert('called geek method');
                return gfg;
            },
            write: function(){
                alert('called write method');
                return gfg;
            },
            destroy: function(){
                alert('called destroy method');
                return gfg;
            }
        }
  
        gfg.geek().write().destroy();
    

  

输出：

示例 2：以下代码演示了fadeOut()和fadeIn()的链接 方法。每次单击按钮时，文本都会先淡出，然后再淡入。

HTML

    
    

  

    GeeksForGeeks
  
    click me
    
        $(document).ready(function(){
            $('button').click(function(){
                $('#first').fadeOut(100).fadeIn(100);
            })
        })
    

  

输出：