// 获取元素的color样式值
var color = $('#myElement').css('color');

// 设置元素的背景颜色
$('#myElement').css('background-color', 'blue');

// 也可以使用驼峰式写法
$('#myElement').css('backgroundColor', 'blue');

// 使用对象设置多个样式
$('#myElement').css({
    'color': 'white',
    'background-color': 'black',
    'font-size': '16px',
    'padding': '10px'
});

// 驼峰式写法
$('#myElement').css({
    color: 'white',
    backgroundColor: 'black',
    fontSize: '16px',
    padding: '10px'
});

// 获取并设置样式示例
$(document).ready(function() {
    // 获取div的宽度
    var divWidth = $('#content').css('width');
    console.log('当前宽度: ' + divWidth);
    
    // 设置单个样式
    $('#content').css('border', '1px solid #ccc');
    
    // 设置多个样式
    $('#content').css({
        'margin': '20px',
        'padding': '15px',
        'background-color': '#f5f5f5'
    });
    
    // 动画中使用.css()
    $('#animateBtn').click(function() {
        $('#box').animate({
            width: '200px',
            height: '200px'
        }, 500, function() {
            $(this).css('background-color', 'green');
        });
    });
});