如何使用jQuery创建多个HTML元素？

var newDiv = $('<div>');
$('body').append(newDiv);

var newPs = $('<p>', {
  text: 'This is paragraph 1'
}).add('<p>', {
  text: 'This is paragraph 2'
}).add('<p>', {
  text: 'This is paragraph 3'
});
$('body').append(newPs);

var newButton = $('<button>', {
  text: 'Click me',
  click: function() {
    alert('Button clicked!');
  }
});
$('body').append(newButton);