JQUERY - 显示DIV＆amp;灰色背景

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();
 });