jQuery操作样式及属性样式

$(document).ready(function() {
    // 设置元素的样式
    $('#myElement').css('color', 'blue');
 
    // 获取元素的样式值
    var colorValue = $('#myElement').css('color');
    console.log(colorValue); // 输出颜色值
 
    // 设置多个样式
    $('#myElement').css({
        'color': 'red',
        'background-color': 'yellow'
    });
 
    // 获取属性值
    var attributeValue = $('#myElement').attr('data-myAttribute');
    console.log(attributeValue); // 输出属性值
 
    // 设置属性
    $('#myElement').attr('data-myAttribute', 'newValue');
 
    // 移除属性
    $('#myElement').removeAttr('data-myAttribute');
});

这段代码演示了如何使用jQuery来操作元素的样式和属性。.css()方法用于设置或获取样式属性，.attr()用于设置或获取属性值，.removeAttr()用于移除属性。