Пример использования

$(document).ready(function(){
  
   $("#but1").click(function(){
      $("b").replaceWith("<b>jQuery</b>");
      $("#but1").css("display","none");
   });

});

Определение и использование

С помощью метода replaceWith Вы можете заменить содержимое выбранного элемента указанным.

Методы replaceAll и replaceWith делают тоже самое и отличаются только синтаксисом.

Синтаксис

//Заменим содержимое элемента на указанное, используя стандартный синтаксис
$(селектор).replaceWith(содержимое)
//Заменим содержимое элемента на содержимое возвращаемое функцией
$(селектор).replaceWith(function())

селектор позволяет выбрать элемент, который будет заменен новым содержимым.

содержимое указывает новое содержимое.

function функция, которая возвращает новое содержимое.