javascript - 我可以简化很多 $.fn 吗？使用 javascript/jQuery 调用？

Question

我正在使用数据表，建议将以下内容添加到我的代码中:

$.fn.dataTableExt.oStdClasses.sWrapper = 'no-margin last-child';
$.fn.dataTableExt.oStdClasses.sInfo = 'message no-margin';
$.fn.dataTableExt.oStdClasses.sLength = 'float-left';
$.fn.dataTableExt.oStdClasses.sFilter = 'float-right';
$.fn.dataTableExt.oStdClasses.sPaging = 'sub-hover paging_';
$.fn.dataTableExt.oStdClasses.sPagePrevEnabled = 'control-prev';
$.fn.dataTableExt.oStdClasses.sPagePrevDisabled = 'control-prev disabled';
$.fn.dataTableExt.oStdClasses.sPageNextEnabled = 'control-next';
$.fn.dataTableExt.oStdClasses.sPageNextDisabled = 'control-next disabled';
$.fn.dataTableExt.oStdClasses.sPageFirst = 'control-first';
$.fn.dataTableExt.oStdClasses.sPagePrevious = 'control-prev';
$.fn.dataTableExt.oStdClasses.sPageNext = 'control-next';
$.fn.dataTableExt.oStdClasses.sPageLast = 'control-last';

我不明白这个语法。有人可以解释它在做什么。还有一种方法可以组合所有这些行。前 30 列全部相同。

Answer 1

此代码正在向 $.fn.dataTableExt 添加属性(我相信您可以看到)。这些属性可能用作扩展的配置字符串，作为 DRY 的一部分。模式，这样当一个常用的值需要更改时，就不必在很多地方进行更改。

此代码可能会通过使用 $.extend 得到改进:

$.extend($.fn.dataTableExt.oStdClasses, {
    sWrapper: 'no-margin last-child',
    sInfo: 'message no-margin',
    sLength: 'float-left',
    ...
});