JQUERY - 顯示DIV和灰色背景

Question

我需要顯示DIV並將背景灰色 - 可以放下不透明度。 如果點擊DIV之外的任何東西，DIV就會消失，頁面會回到原來的狀態。

有沒有簡單的方法來做到這一點？ 最好用最少的代碼和無插件。

THX

Answer 1

可以使用jQuery的.css()方法改變任何對象的CSS屬性。所以要設置背景顏色，你可以做這樣的事情，假設你的div的ID爲'myDiv'：$('#myDiv').css('background-color','grey');。

要隱藏div，您可以使用.hide()函數：$('#myDiv').hide();。

當單擊div的任何元素時，您會想要觸發此代碼，因此請向這些元素添加單擊事件偵聽器。你可以用.click()方法做到這一點。因此，可以說你有另一個ID爲'anotherDiv'的div，你可以這樣做：

`$('#anotherDiv').click(function() { 
    $('#myDiv').hide(); 
});