Это пример
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<body>
<p class="mainJs">I am Body</p>
</body>
<footer>
<p class="mainJs">I am footer</p>
</footer>
<!--This script only can work in footer -->
<script src="require.js" data-main="main"></script>
</html>
Это мой main.js
$('.mainJs').css('color','red');
Это мой вывод, тело также будет зависеть от main.js Проблема в том, что main.js будет влиять на оба (body и footer), но я не хочу, чтобы main.js работал в моем теле, могу ли я просто влиять только в моем нижнем колонтитуле (только в html я могу редактировать, потому что в моем реальном случае manjsнужно использовать на других страницах)?