정보 기술 놀이터

1. $('selector').empty() 해당 요소의 내용을 삭제 $('selector').html('')과 같은 효과 2. $('selector').remove() 해당 요소를 삭제 Ajax로 데이터를 새로 가져올 때 요소의 내용을 empty()를 통해 비우고, html()을 사용하여 재작성한다. ( empty() → tmpl(), append()를 사용하는 경우도 있다.)

1. $('selector').find() 해당 요소의 모든 하위 요소 중 특정 요소를 선택하여 가져옴 $('#main').find('#content') = #main의 자식 요소 중 #content 요소를 가져옴 2. $('selector').children() 해당 요소의 바로 아래 단계 자식 요소를 가져옴 $('#main').children('#content') = #main의 바로 아래 단계 자식 중 #content 요소를 가져옴 $('#main').children(x) = #main의 바로 아래 단계 자식 중 (x+1)번째 요소를 가져옴

1. $('selector').html() 해당 요소의 내용을 html 형식으로 가져옴 2. $('selector').text() 해당 요소의 내용을 문자열 형식으로 가져옴 html()과 text()의 차이점은 태그를 포함하느냐 여부 차이다. selector의 내용이 Hello World!라고 했을 때, html(), text() 결과는 다음과 같다. $('selector').html(); = "Hello World!" $('selector').text(); = "Hello World!" ※ html(), text() 매개변수 html(), text() 모두 매개변수를 넣지 않을 경우 get 기능이며 매개변수를 넣을 경우 set 기능을 수행한다. $('selector').html('Hello jQuery..

1. DOM(Document Object Model) 웹 페이지 객체 지향 표현 요소(엘리먼트)를 트리 형태로 구조화 document.getElementById('content')와 같이 특정 태그 값을 가져올 수 있다. 2. jQuery 자바스크립트 라이브러리 요소(엘리먼트)들을 효율적으로 제어할 수 있는 기능 제공 CDN 호스트 또는 직접 jQuery를 다운로드 하여 사용할 수 있다. $('선택자') 형태로, 맨 앞에 $를 표기하여 jQuery 객체임을 나타낸다. $('#content') 처럼 jQuery는 DOM형식의 js보다 좀 더 직관적이고 단순한다. 3. jQuery 장점 첫째, 문법이 간단하다. id를 이용하여 요쇼(엘리먼트)를 가져올 때는 getElementById, class를 이용하여 ..