以下Jquery代码有什么作用？

Question

我正在学习基本的Javascript和Jquery。我正在阅读一些codepen代码，但无法弄清楚以下jquery代码的作用。我删除了代码，没有看到任何变化。 代码是

$(window).on("load resize ", function() {
  var scrollWidth = $('.tbl-content').width() - $('.tbl-content table').width();
  $('.tbl-header').css({'padding-right':scrollWidth});
}).resize();

链接到代码

https://codepen.io/anon/pen/JMQqJX

Answer 1

每次窗口调整大小时：$(window).on("load resize ", function()

使用具有类tbl-content的元素与具有类tbl-content和class table的元素之间的差异来定义宽度：

 var scrollWidth = $('.tbl-content').width() - $('.tbl-content table').width();

然后，将该宽度结果应用于元素填充右侧的类tbl-header的css：

$('.tbl-header').css({'padding-right':scrollWidth});