jQuery .css正文不透明度

jQuery .css 正文不透明度

在 jQuery 中，可以使用 .css() 方法来设置 HTML 元素（如段落、图片、按钮等）的样式。其中，opacity 属性用于设置元素的透明度。

// 设置一个元素的透明度为 0.5
$('#element').css('opacity', '0.5');

如果要设置多个样式属性，可以使用对象来设置，如：

// 设置一个元素的透明度为 0.5，背景颜色为红色，字体颜色为绿色
$('#element').css({
    'opacity': '0.5',
    'background-color': 'red',
    'color': 'green'
});

jQuery .css() 方法还支持传入一个函数，这个函数会在设置样式的同时被调用，这个函数可以接收两个参数，第一个参数为元素对象，第二个参数为样式值对象。

// 设置一个元素的透明度为 0.5，背景颜色为红色，字体颜色为绿色，并在设置样式的同时执行一个函数
$('#element').css({
    'opacity': '0.5',
    'background-color': 'red',
    'color': 'green',
    'function': function() {
        // 在这个函数里执行一些操作
        console.log('样式设置成功');
    }
});

总的来说，jQuery .css() 方法可以很方便地设置 HTML 元素的样式，包括透明度，并且支持在设置样式的同时执行一个函数。