[javascript] 마우스 클릭한 위치 window.event.clientX window.event.clientY 더보기 [jQuery] 영역의 크기 구하기 동적인 UI 구성하기 위하여, 엘리먼트 영역의 크기를 구하는 과정이 반드시 필요하다. Javascript 에서는 clientHeight, offsetHeight 등을 사용하였지만 jQuery에서는 또 다르다. $("element").outerHeight(); 위와 같이 작성하면 엘리먼트 영역의 높이를 구할 수 있다. 넓이 또한 마찬가지로 outerWidth()를 이용하면 된다. 혹시나 margin을 포함한 영역의 크기를 구하고 싶다면, 간단한 작업으로 가능하다. $("element").outerHeight(true); outerHeight()의 괄호 안에 true라는 값을 주면 margin을 포함한 영역의 크기를 구할 수 있게 된다. 참고적으로 outerHeight()를 쓰지 않고 그냥 height()를.. 더보기 CSS 기본기 선택자 CSS에서의 선택자의 종류는 다양하다. 하지만 주로 사용하게 되는 선택자는 3가지로 압축할 수 있다. 우선 간략하게 이야기하자면, 태그명, 클래스명 그리고 아이디를 들 수 있다. 우선 태그명은 해당 태그명을 가진 모든 앨리먼트를 선택할 때 유용하게 사용된다. 예를 들면, p {margin:0; font-size:13px;}위와 같이 사용하게되면 p라는 태그명을 가진 모든 앨리먼트에 margin과 font-size가 적용된다. 이 방법은 CSS를 초기화 할 때 사용하기 좋다. 두번째로는 클래스명인데 이 것이 가장 많이 사용하는 방법인 것 같다. 우선 다음과 같이 태그에 클래스명을 주고 또 다음과 같이 선택자를 사용해 접근할 수 있다. .selector {border:1px solid #FAA;}위와.. 더보기 이전 1 ··· 37 38 39 40 41 42 43 ··· 45 다음