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

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

Пример: получить 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" });

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

| | Получить, назначить CSS стиль в JQuery | Пример: получить CSS стиль всех параграфов: $("p").css('marginTop'); $("p").css('background-color'); Как это можно использовать? например, опреде |

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>