Получить, назначить 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" });

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