В этой коротенькой статье рассмотрим, как добавить любому элементу на сайте 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 файлы.
На этом все. Надеюсь, что статья была вам полезной!
