JQUERY - DIV 및 회색 배경 표시

Question

DIV를 표시하고 배경을 회색으로 표시해야합니다. 불투명도를 떨어 뜨릴 수 있습니다. DIV 외부의 내용이 클릭되면 DIV가 사라지고 페이지가 원래대로 돌아갑니다.

쉬운 방법이 있나요? 최소한의 코드와 플러그인이없는 것이 바람직합니다.

당신은 jQuery를의 .css() 방법으로 모든 개체의 CSS 속성을 변경할 수 있습니다

Answer 1

들으. 그래서 배경색을 설정하려면 div에 'myDiv'라는 ID가 있다고 가정하면 다음과 같이 할 수 있습니다. $('#myDiv').css('background-color','grey');.

div를 숨기려면 .hide() 함수를 사용할 수 있습니다 : $('#myDiv').hide();.

div 주위의 요소를 클릭하면이 코드가 실행되므로 해당 요소에 클릭 이벤트 리스너를 추가해야합니다. .click() 방법으로이를 수행 할 수 있습니다. 그래서 당신은 id 'anotherDiv'라는 ID를 가진 또 다른 div를 가질 수 있다고 가정 해 보겠습니다.

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