jquery中用函数来设置css样式

要用jQuery设置CSS样式，可以使用.css()方法，该方法接受一个CSS属性和属性值的键值对作为参数。有两种方法可以设置CSS属性值：

1. 直接传递CSS属性和属性值作为参数：

$(element).css('color', 'red');

1. 使用一个对象来设置多个CSS属性：

$(element).css({
    'color': 'red',
    'font-size': '16px'
});

除了上述两种方法，还可以使用一个回调函数来设置CSS属性。回调函数的第一个参数为当前元素的索引，第二个参数为当前元素的CSS属性值，需要返回一个新的CSS属性值。示例代码如下：

// 增加字体大小
$('p').css('font-size', function (index, value) {
    return parseFloat(value) * 1.2 + 'px';
});

在上述示例中，通过遍历所有p元素，将每个p元素的字体大小增加20%。

另一个示例是根据元素的宽度设置其字体大小：

$('.box').css('font-size', function () {
    return $(this).width() / 10 + 'px';
});

在上述示例中，使用了jQuery的.width()方法获取元素的宽度，根据宽度计算出适当的字体大小。