Получить, назначить CSS стиль в JQuery

📌Заработай монеты
🔥 Обмен на крипту
✔️Тренд 2024 года!

Играть через Telegram

Платит 40-200$ за вход в игру. Без вложений. Помнишь DOGS, который всем заплатил - это второй шанс! 12 млн игроков за 3 дня!

PAWS >> Играть!

Side Fans - корейская Telegram игра, 10 млн. Листинг $$$ ожидается щедрым

Заработать

Повышай рейтинг, выживи до окончания таймера. Листинг будет

Перейти в telegram

Пример: получить CSS стиль всех параграфов:
$("p").css('marginTop');
$("p").css('background-color');

Как это можно использовать? например, определить цвет заливки при клике на пункт и назначить его какому-то div-у.

Пример: кликните по одному из этих 3-х пунктов ниже и цвет скопируется в новый div

• Меркурий
• Венера
• Земля

Скрипт данного примера:

<ul id="list">
<li class="item" style="background-color: #567328">Меркурий</li >
<li class="item" style="background-color: #9CEB1F">Венера</li >
<li class="item" style="background-color: #EBDB1F">Земля</li >
</ul>
<script>
$(document).ready(function(){
$("#list .item").click(function () {
var color = $(this).css("background-color");
$("#result").css("background-color", color );
$("#results").val(color ); }); });
</script>

Назначить CSS элементу
$(".topBlock").css("top", "5px") установит смещение по вертикали равным 5px
$(".topBlock").css({"top":"5px", "background-color":"red"}) установит смещения по вертикали и красную заливку

Назначить несколько стилей элементу:
$("div").css({ border:"1px solid blue", fontWeight:"bolder", backgroundColor:"red" });

Скачать рабочий скрипт данного примера