Kodlama ile oldukça uzman olmama rağmen, şimdi ve sonra da temelde aynı şeyler yapmak gibi bir kod olduğunu gördüm. Benim asıl soru şu: neden .append() .after() veya Yardımcısı ayet yerine kullanmak istiyorsunuz?

Aradım ve ne zaman bunları kullanmak için zaman ikisi arasındaki farkları net bir tanımı ve bulamıyorum ve olamaz.

Diğer bir avantajları da neden diğer ziyade bir kullanmalıyım?? Biri bana bunu açıklayabilir mi lütfen?

var txt = $('#'   id   ' span:first').html();
$('#'   id   ' a.append').live('click', function (e) {
    e.preventDefault();
    $('#'   id   ' .innerDiv').append(txt);
});
$('#'   id   ' a.prepend').live('click', function (e) {
    e.preventDefault();
    $('#'   id   ' .innerDiv').prepend(txt);
});
$('#'   id   ' a.after').live('click', function (e) {
    e.preventDefault();
    $('#'   id   ' .innerDiv').after(txt);
});
$('#'   id   ' a.before').live('click', function (e) {
    e.preventDefault();
    $('#'   id   ' .innerDiv').before(txt);
});

Bkz :

.append() last index. bir öğe içinde veri koyar ^br> .prepend() first index ön yerleştirmeyi, elem koyar

varsayalım:

<div class='a'> //<---you want div c to append in this
  <div class='b'>b</div>
</div>

.append() çalıştırıldığında bu gibi görünecektir:

$('.a').append($('.c'));

idamdan sonra:

<div class='a'> //<---you want div c to append in this
  <div class='b'>b</div>
  <div class='c'>c</div>
</div>

Fiddle with .append() in execution.

.prepend() çalıştırıldığında bu gibi görünecektir:

$('.a').prepend($('.c'));

idamdan sonra:

<div class='a'> //<---you want div c to append in this
  <div class='c'>c</div>
  <div class='b'>b</div>
</div>

Fiddle with .prepend() in execution.

.after() öğe öğe koyar
.before() öğesinden önce öğesi koyar

sonra kullanarak:

$('.a').after($('.c'));

idamdan sonra:

<div class='a'>
  <div class='b'>b</div>
</div>
<div class='c'>c</div> //<----this will be placed here

Fiddle with .after() in execution.

kullanmadan önce:

$('.a').before($('.c'));

idamdan sonra:

<div class='c'>c</div> //<----this will be placed here
<div class='a'>
  <div class='b'>b</div>
</div>

Fiddle with .before() in execution.