Thêm Kênh Alpha vào Màu nền bằng cách sử dụng jQuery/JavaScript

Question

Tôi có chức năng jQuery thêm kênh Alpha vào màu nền khi có sự kiện.

Đây là số jsFiddle của tôi.

CSS

div { background-color: rgb(100,100,100); } 

Javascript

function addAlphaChannel() { 
    var oldBGColor = $('div').css('backgroundColor'); //rgb(100,100,100) 
    var newBGColor = oldBGColor.replace('rgb', 'rgba').replace(')', ',.8)'); //rgba(100,100,100,.8) 

    $('div').css({ backgroundColor: newBGColor }); 
} 

Mã này hoạt động tốt, tuy nhiên tôi tự hỏi nếu có một cách tốt hơn để thêm/thay đổi kênh alpha?

Mọi trợ giúp sẽ được đánh giá cao.

Answer 1

Nếu bạn muốn thay đổi thuộc tính rgba css sử dụng javascript, bạn sẽ cần phải sử dụng thay thế phương pháp, tuy nhiên, bạn có thể cải thiện mã của bạn như thế này:

CSS

div { background-color: rgba(100, 100, 100, 1.0); } 

JS

function addAlphaChannel() { 
    var oldBGColor = $('div').css('background-color'), //rgb(100,100,100), 
     newBGColor = oldBGColor.replace(/[^,]+(?=\))/, '0.8'); //rgba(100,100,100,.8); 

    $('div').css({ backgroundColor: newBGColor }); 
} 

Hy vọng điều này có thể giúp bạn.