Как добавить свойство css через jquery?
2 ответа
от
dmitrypro77 ,
2 года назад
@carlo.cummerata Используйте .css() метод, чтобы добавить свойство CSS к HTML элементу через jQuery, ниже пример кода:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<html> <head> <meta charset="utf-8"/> <script src="https://code.jquery.com/jquery-2.2.4.js"></script> </head> <body> <p class="text">Тестовый элемент</p> </body> <script> $(".text").css({ 'display': 'block', 'color': 'green' }); </script> </html> |
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
от
edyth ,
год назад
@carlo.cummerata
Чтобы добавить свойство CSS через jQuery, можно использовать метод .css().
Синтаксис метода .css():
1
|
$(selector).css(property, value); |
Где:
- selector - это CSS-селектор элемента или группы элементов, которым нужно добавить CSS-свойство.
- property - это название CSS-свойства, которое нужно добавить.
- value - это значение CSS-свойства, которое нужно добавить.
Например, чтобы добавить свойство background-color: red; для всех элементов с классом .my-class, нужно написать следующий код:
1
|
$('.my-class').css('background-color', 'red'); |
Также можно добавлять несколько свойств CSS одновременно, используя объект вместо аргументов property и value:
1 2 3 4 5 |
$('.my-class').css({ 'background-color': 'red', 'color': 'white', 'font-size': '24px' }); |
Это добавит три свойства CSS для всех элементов с классом .my-class: background-color: red; color: white; font-size: 24px;.
15