javascript - 请问$("ul").width( "" ).outerWidth()这个写法是啥意思？

Question

出自jq-ui里，原文是

_resizeMenu: function() {
        var ul = this.menu.element;
        console.log(this.element.outerWidth());
        ul.outerWidth( Math.max(
            // 下面这句
            ul.width( "" ).outerWidth() + 1,
            this.element.outerWidth()
        ) );
    },

这.width()和.outerWidth()单独写我还是能理解的，但是写在一起，是怎么啦，是相乘的意思？

Answer 1

.width('') 的目的是去掉 style 属性中可能的内联 width 值，从而在后续 .outerWidth() 时得到样式文件或浏览器默认的宽度

Answer 2

先执行前面的后执行后面的，这种写法叫链式写法，和分开写效果是一样的。

Answer 3

jQuery里的链式写法，就是先执行完前面的方法接着就执行后面的，便捷，也使代码看起来优美。

Answer 4

jQuery的链式写法，除了代码简洁外，变量也被缓存起来。减少了内存占用

Answer 5

实际上是

ul.width( "" );
ul.outerWidth() + 1,

的合成.
比如

$('p').atrr('id','pid');
$('p').attr('name','pname');
用链式可以写成
$(p).attr('id','pid').attr('name','pname');