具有 3 个参数的 jQuery css 方法

Question

我遇到了一行使用 jQuery css 方法的代码，如下所示

var $container = $('#mycontainer');  <br>
var w = $.css($container[0], "width", true);<br>

检查了有关 css 方法的 jQuery 文档，没有提到任何具有 3 个参数的变体。我在 jsbin 中测试了代码，它运行良好 - 返回值是一个数字。如果最后一个参数更改为 false，则返回类似 200px 的字符串。

有人可以向我强调一下 css 方法的这种特殊语法吗？

它是否已被弃用？

Answer 1

这只是 css 的静态版本，而不是 jQuery 元素特定实例版本，因此它还需要将其应用到的对象。

正常版本的代码如下所示:

   $container.css("width");

因此您可以看到静态版本只是将目标元素移动到第一个参数中。否则它怎么知道应用什么样式:)

true 实际上并不是“width”的有效值，因此看起来静态版本使用它作为标志来表示是否以字符串形式返回值(带有后缀 px)或作为一个值。