为什么javascript / jquery在引号中返回字体系列名称？

Question

我正在使用CSS属性进行非常简单的jQuery选择。奇怪的是，返回的值包含在两组双引号中？

var font = $(this).css('font-family');

结果回复为：

font:""Jockey One""

Answer 1

  

应引用包含空格的字体系列名称。

https://developer.mozilla.org/en/docs/Web/CSS/font-family#Values

此外，javascript在引用中返回font-family名称。

console.log($(".noSpace").css("font-family"));
console.log($(".withSpace").css("font-family"));

.noSpace {
    font-family: "JockeyOne";
}

.withSpace {
    font-family: "Jockey One";
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="noSpace"></div>
<div class="withSpace"></div>

Answer 2

引用包含空格的字体名称，字体变量是字符串。因此双引号。如果你想忽略引用字体名称中的引号，只需执行以下操作：

var font = $(this).css('font-family');
font = font.replace(/["']/g, "");
console.log(font);