jquery 透明度

jQuery 设置透明度的方法

使用 jQuery 可以方便地调整元素的透明度，主要通过 css() 方法或 fadeTo() 方法实现。

使用 css() 方法

通过 css() 方法直接设置 opacity 属性，值为 0（完全透明）到 1（完全不透明）之间的数字：

$("#element").css("opacity", 0.5); // 设置为半透明

使用 fadeTo() 方法

fadeTo() 方法可以在指定时间内渐变调整透明度，语法如下：

$("#element").fadeTo(500, 0.5); // 500毫秒内渐变到50%透明度

• 第一个参数为动画时长（毫秒），可设为 "slow" 或 "fast"。
• 第二个参数为目标透明度值（0-1）。

获取当前透明度

通过 css() 方法读取 opacity 属性值：

var currentOpacity = $("#element").css("opacity");
console.log(currentOpacity); // 输出当前透明度值

注意事项

• IE8 及更早版本需使用 filter: alpha(opacity=50) 兼容，但 jQuery 的 opacity 会自动处理兼容性问题。
• 透明度变化可能影响子元素，若需仅修改背景透明度，建议使用 RGBA 颜色值。