1. это разные вещи
2. если не завязан на компоненты, использующие jquery (хотя тот же bootstrap есть
отвязанный)
3. ничего, так как в лендингах обычно немного логики, разница ощущается при росте количества связей
4. смотря что за страницы, см. выше
5. single page applications, rich internet appalications
6. когда появляется input/блок содержимое которого связано с какими-то данными, меняющимися в другом inputе/блоке
7. тысячи их. например таблица с фильтром целиком на клиенте.