Soy bastante competente con la codificación, pero de vez en cuando me encuentro con un código que parece hacer básicamente lo mismo. Mi pregunta principal aquí es, ¿por qué usarías.append() en lugar.after() o viceversa?

He estado buscando y parece que no puedo encontrar una definición clara de las diferencias entre los dos y cuándo usarlos y cuándo no.

¿Cuáles son los beneficios de uno sobre el otro y también por qué usaría uno en lugar del otro? ¿Puede alguien explicarme esto por favor?

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