jQuery是一款非常优秀的JavaScript库，其中的链式写法在使用中显得特别优雅。链式写法是指把多个操作连在一起，每个操作返回的都是该jQuery对象本身，可以无限循环操作。下面我们就来讲一下jQuery链式写法的实现。
$("div").addClass("sample").css("color", "red").width("20em").height("10em");如上代码，我们使用了.$()方法来获取div元素，然后我们操作该元素的.addClass()方法来添加一个class，.css()方法来设置颜色，.width()和.height()方法来设置大小，这些方法操作完之后都返回了该jQuery对象本身，因此我们可以无限循环进行下去。
在实现链式写法时，关键是让每一个方法都返回该jQuery对象本身，这样才能够实现链式的连贯操作。这就需要我们在每一个方法的末尾加上一个
return this;
语句，这样该方法返回的就是该对象本身，从而实现链式操作。jQuery.fn.extend({addClass: function(className){//添加classreturn this;},css: function(key, value){//设置css样式return this;},width: function(value){//设置宽度return this;},height: function(value){//设置高度return this;}});如上代码，我们在jQuery.fn.extend()中扩展了四个方法，分别对应链式调用中的四个操作。在每个方法中都添加了一个
return this;
语句，这样我们就可以很方便地进行链式调用了。jQuery的链式写法是它如此优秀的重要原因之一。它可以帮助我们简化代码，提高开发效率。通过以上实现，我们不难看出，在Js中实现链式写法的原理就是方法返回自己本身。在之后的开发中，我们也可以自行实现其他库的链式写法，提高了代码的可读性和易维护性。
