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

5256

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

Допустим, у нас есть блок (или модальное окно), при клике на который необходимо отключить у тела сайта (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 файлы.

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

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

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

*
code