jQuery DOM манипуляций - Сравнение производительности?

Я изучаю манипулирование DOM с jQuery и хочу понять лучшие практики производительности браузера.

Скажем, у меня есть два элемента DOM (div, p, ol, etc), и я хочу, чтобы пользователь только увидел только первый элемент, а затем только увидеть второй элемент.

Я мог бы:

1. Использовать заменять ()
2. Удалить () первый элемент и добавить () второй элемент
3. скрыть () первый элемент и показать () второй элемент

Различия в производительности между:

• 1 против 2
• 2 против 3
• 1 против 3

Существуют ли дополнительные соображения производительности, если элементы имеют разные типы? Или если элементы - это кнопки или поля формы?