jquery 透明度

使用 jQuery 设置透明度

jQuery 提供了多种方法来调整元素的透明度，主要通过 css() 或 fade 动画方法实现。

通过 css() 方法设置透明度

可以直接修改元素的 opacity 属性来控制透明度，取值范围为 0（完全透明）到 1（完全不透明）。

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

// 获取当前透明度
var opacity = $("#element").css("opacity");

通过 fade 动画方法

jQuery 的 fade 系列方法通过动画效果调整透明度：

• fadeTo()：将元素渐变为指定透明度。

  // 在 500 毫秒内将透明度变为 0.3
  $("#element").fadeTo(500, 0.3);

• fadeIn() / fadeOut()：显示或隐藏元素（透明度从 0 到 1 或反之）。

  

  // 淡入显示元素
  $("#element").fadeIn(500);
  
  // 淡出隐藏元素
  $("#element").fadeOut(500);

注意事项

• 透明度会影响元素及其所有子元素。
• 使用 fade 方法时，若元素最终透明度为 0，jQuery 会自动设置 display: none。