Jquery append vs appendTo

Question

Может кто-нибудь объяснить, почему я могу добавить строку в

тег, но я не могу добавить. Это мой код

$('#append').click(function(){
  $('p:first').append('hello');
});

$('#appendTo').click(function(){
 $('hello').appendTo('p:first');
});

Answer 1

Проблема заключается в том, как строковые параметры интерпретируются в обоих этих случаях.

Когда ты сказал $('hello'), 'hello' действовать как селектор, где он ищет элемент с тэгом hello которого нет в структуре дом. Но вы можете сказать $('<span>Hello</span>').appendTo('p:first') потому что здесь <span>Hello</span> интерпретируется как создание нового span элемент

Где as append () считает переданную строку содержимым html и добавит ее к вызываемому набору элементов.