Хостинг от 165 ₽/месяц. Месяц на тестирование - бесплатно!

Как добавить css свойство элементу при клике с помощью javascript

()

В этой коротенькой статье рассмотрим, как добавить любому элементу на сайте css - свойство с помощью javascript.

Допустим, у нас есть блок (или модальное окно), при клике на который необходимо отключить у тела сайта (body) прокрутку (overflow) и залить задний фон черным цветом:

<div class="block">кликни меня</div>

Для этого используем такой скрипт:

<script> jQuery(document).ready(function($) { $('.block').click(function () { $('body').css('overflow', 'hidden').css('background', '#000'); }); }) </script>

В скрипт можно добавлять любое количество свойств и элементов. А если удалить участок кода $('.block').click(function () { } , то добавление свойств будет происходить автоматически при загрузке страницы:

<script> jQuery(document).ready(function($) { $('body').css('overflow', 'hidden').css('background', '#000'); }) </script>

Такой скрипт будет полезен, если необходимо сделать задний фон сайта разным на страницах не подключая дополнительные сss файлы.

На этом все. Надеюсь, что статья была вам полезной!

Вам понравилась статья?

Оцените!

Средняя оценка / 5. Количество оценок:

Оценок пока нет. Поставьте оценку первым!

Добавить комментарий

Ваш адрес email не будет опубликован.

*

code