.append (), prepend (), .after () i .before ()

Jestem dość biegły w kodowaniu, ale od czasu do czasu natrafiam na kod, który wydaje się robić zasadniczo to samo. Moje główne pytanie tutaj brzmi: dlaczego miałbyś używać.append() zamiast.after() czy vice wersety?

Szukałem i nie mogę znaleźć jasnej definicji różnic między tymi dwoma i kiedy ich używać, a kiedy nie.

Jakie są zalety jednego nad drugim, a także dlaczego miałbym używać jednego zamiast drugiego? Czy ktoś może mi to wyjaśnić?

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

questionAnswers(9)

yourAnswerToTheQuestion