.append (), prepend (),.después de () y.antes()

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

He estado buscando y no puedo encontrar una definición clara de las diferencias entre los dos y cuando usarlos y cuando 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 por favor explicar esto a ¿yo?

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