jQuery - 更好的方式來連接有引號的字符串？

Question

有沒有更好的方式jQuery來串連具有字符串「的（如HTML標籤屬性定義），比逃避報價

Escapy？例如：

$(this).prepend("<label for=\""+$(this).attr("id")+"\">"+"a"+"</label>");

Answer 1

您可以使用創建（$(html, props)）的對象的方法，如：

$('<label />', { for: this.id, text: 'a' }).prependTo(this); 
//or: 
$(this).prepend($('<label />', { for: this.id, text: 'a' })); 

這有叫.text()內部，服用保健的優勢任何編碼問題。另外，如果你這樣做了lot，它會更快，因爲HTML片段是一致和緩存的，所以使用節點的克隆，而不是每次將字符串轉換爲文檔片段。你創建的這樣的元素越多，它越快於字符串方法。出於同樣的緩存原因，元素越大（最多512字符串），收益就越大。

Answer 2

可以使用單引用主字符串，然後你就不必逃避雙引號。

$(this).prepend('<label for="'+$(this).attr("id")+'">'+ a +'</label>'); 

Answer 3

單引號？

$(this).prepend('<label for="'+$(this).attr("id")+'">'+'a'+'</label>'); 

，或者jQuery的：

$("<label>").attr("for", this.id).text(a).prependTo(this); 

Answer 4

這就是爲什麼我主要使用單引號$('here')。當您處理HTML時不必擔心雙引號。

$('""""No worries!"""""""') 

Google JavaScript Style Guide同意。

Answer 5

單引號是絕對要走的路。我建議在javascript中使用它們。特別是使用jQuery時，需要在字符串中使用雙引號比單引號更常用，所以它將爲您節省大量時間並提高可讀性。此外，它可以爲您節省擊鍵，不再需要討厭的Shift鍵:)