javascript/jqueryがフォントファミリ名を引用符で囲んで返すのはなぜですか？

Question

CSSプロパティを使用して、非常に単純なjQueryを選択しています。奇妙なことに、二重引用符で囲まれた値が返されていますか？空白文字を含むフォントファミリ名は引用符で囲む必要があります

font:""Jockey One"" 

Answer 1

：

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

結果は、として戻ってきます。引用符でもjavascriptのリターンfont-family名

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

。スペースを含む

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);