주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

jQuery는 DOM 객체를 탐색, 접근하여 조작하는 여러가지 방법을 제공한다. 실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다. html HTML 문서에서 모든 요소를 가져오거나 추가할 수 있다. 주석을 포함한 선택자의 모든 요소를 가져온다. XML에서는 사용할 수 없다. // HTML 1번 2번 3번 // jQuery // #wrap 안에 있는 모든 요소를 가져온다 $('#wrap').html(); // #wrap 안에 있는 모든 요소를 빈 값으로 만든다. $('#wrap').html(''); text HTML, XML에서 모두 사용할 수 있으며 모든 문자열을 가져오거나 추가할 수 있다. 브라우저마다 HTML 파서의 ..

jQuery는 DOM 객체를 탐색, 접근하는 여러가지 방법을 제공한다. 실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 모든 메서드나 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다. parent 선택자의 바로 상위 요소만을 탐색해서 일치하는 요소를 가져온다. 단일 레벨만 탐색하는 것을 제외하면 parents와 유사하다. // Html // jQuery $('#box').parent(); // #inner 반환 parents 선택자의 상위 요소들을 탐색해서 일치하는 요소를 가져온다. 가까운 요소부터 외부 요소 순서로 반환된다. // Html // jQuery $('#box').parents(); // #inner, #wrap, body, html 순서로 반환 $('#b..

javascript .map 메서드를 알아보자. 새로운 배열을 생성한다.기존 배열에 영향이 없다. ☆ 배열에 행동을 하여 결과 값을 반환한다.어렵다 간단히만 이해하고 나중에 보충해야겠다.... 어떻게 쓰지?const num = [1,2,3,4,5];const result = num.map(item => { return item + 10; }); // result = [11,12,13,14,15]

javascript .filter 메서드를 알아보자. 새로운 배열을 생성한다.기존 배열에 영향이 없다. 어떻게 쓰지?원하는 조건으로 필터하면 된다. list = [1,2,3,4,5]; 배열을 한번만 돌았다고 치면list.filter(item, index, traverse => { item = 1 index = 0 traverse = [1,2,3,4,5]}); 10 이하의 값을 필터링 할 수 있다.const list = [10, 5, 20, 6];const result = list.filter(item => item < 11);