jQuery - teklifleri olan dizeleri birleştirmenin daha iyi yolu?

Question

alıntı kaçan daha jQuery (HTML etiketi özellik tanımları gibi) 'ın" sahip dizeleri bitiştirmek için daha iyi bir yolu var mı

Escapy Örnek:?

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

Answer 1

oluşturmadan ($(html, props)) nesnesi yöntemini kullanabilirsiniz, örneğin:

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

Bu, dahili olarak .text() arayarak bakımı avantajı vardır herhangi bir kodlama sorunları. Ayrıca, bu bir lot yapıyorsanız, HTML parçası tutarlı ve önbelleğe alındığından daha hızlı olacaktır, bu nedenle her zaman bir belge parçasına bir dize dönüştürmek yerine düğümün bir klonu kullanılır. Oluşturduğunuz bu gibi daha fazla öğe, daha hızlı olan string yönteminin üzerindedir. Aynı önbellekleme nedenlerinden ötürü, daha büyük olan eleman (512 karakterlik bir dizeye kadar) kazanımları büyülemektedir.

Answer 2

Tekli kullanabilirsiniz ana dize tırnak ve sonra çift tırnak kaçmak yok.

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

Answer 3

tek tırnak?

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

ya, jQuery:

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

Answer 4

Bu nedenle, öncelikle tek tırnak işaretleri $('here') kullanıyorum. HTML ile çalışırken, kaçınılmaz olarak çift tırnak ile dolu olduğunda endişelenmeniz daha az.

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

Google JavaScript Style Guide kabul eder.

Answer 5

Tek tırnaklar kesinlikle gitmek için yol vardır. Javascript'teki tüm dizeler için bunları kullanmanızı öneririz. Özellikle jQuery ile çalışırken, tek bir alıntıdan bir dizge içinde bir çift tırnak işareti kullanmanız çok daha yaygındır, bu yüzden size kaçmak ve okunabilirliği artırmak için çok zaman kazandıracaktır. Ayrıca, size tuş vuruşlarını kaydedecek, artık sinir bozucu vardiya anahtarı yok :)