Web/JQuery

[jQuery] 배열처리

jQuery에서는 배열을 순회하기 위한 메서드로 $.each가 있습니다. 아래 예제는 숫자로 된 단순 배열을 $.each를 통해 순회하는 방법을 보여주고 있습니다. $(function () { var obj = [ 1, 2, 3, 4, 5 ]; $.each(obj, function (index, item) { alert(item); }); }); 배열이 객체인 경우에도 같은 방법으로 순회합니다. $(function () { var obj = [ { name : '홍길동', addr : '서울시' }, { name : '홍길순', addr : '부산시' }, { name : '홍길남', addr : '대구시' } ]; $.each(obj, function (index, item) { alert(item.n..

[jQuery] 선택자

jQuery로 문서 내부의 요소를 다루려면 선택자를 통해 원하는 요소를 가져와야 합니다. 이를 위해서 jQuery에서는 CSS선택자를 사용하고 있습니다. 따라서 CSS선택자를 알면 jQuery에서 그대로 응용이 가능합니다. [Web/HTML5 & CSS3] - [HTML5&CSS3] CSS선택자 -1 [Web/HTML5 & CSS3] - [HTML5&CSS3] CSS선택자 -2 [Web/HTML5 & CSS3] - [HTML5&CSS3] CSS선택자 -3 [HTML5&CSS3] CSS선택자 -3 1. 일반 구조 선택자 CSS3부터 지원하는 선택자로서 다음의 선택자 사용이 가능합니다. first-child 동위 관계에서 첫번째 요소 last-child 동위 관계에서 마지막 요소 nth-child(수열) 동..

[jQuery] 다운로드및 사용

jQuery는 일관되며 좀 더 쉬운 방식으로 다양한 웹브라우저에서 HTML 문서를 다루고자 만들어진 프레임워크입니다. Javascript를 그대로 사용하는 것보다는 jQuery를 사용하는 것이 본래 Javascript를 통해 이루고자 하는 목표에 접근하기 훨씬 쉬운 방법입니다. 다만 근래에는 jQuery를 대체할 수 있는 많은 프레임워크가 등장하고, jQuery에 관한 여러 이슈들이 부각되면서 jQuery를 배제하고자 하는 움직임도 있습니다. jQuery를 사용하려면 아래 사이트에 접속합니다. https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes thing..