jQuery
1.jQuery 기본 지식 정리하기
jQuery란 무엇인가? jQuery란 JavaScript의 생산성을 향상시켜주는 JavaScript 라이브러리이다. 라이브러리란? 자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들이다. jQuery의 특징 Element를 선택하기 쉽게 할 수 있다. 선택된 Element들을 효율적으로 제어할 수 있다. Java...
2.[jQuery] 기초 지식 정리하기 #1 - 태그 선택, 값 가져오고 변경하기
1. 태그 선택하기 - $('selector') jQuery에서는 $('selecto')로 선택자를 지정할 수 있다. 2. 태그 속성과 HTML 값을 확인하고 변경하기 attr() - 태그 속성의 값을 가져오고 변경하기 attr() 사용방법 > $('selector').attr('태그의 속성 key명', '세팅할 value') attr()를 이용해서 값...
3.[jQuery] 기초 지식 정리하기 #2 - 삽입위치/ 선택자/ 스타일 제어/ Traversing/ Each()
1. HTML 삽입하기 before() : 지정한 태그 바로 직전에 태그가 삽입된다. after() : 지정한 태그 바로 직후에 태그가 삽입된다. prepend() : 지정한 태그의 자식 노드 중 제일 첫번째에 삽입된다. append() : 지정한 태그의 자식 노
4.[jQuery] 기초 지식 정리하기 #3 - 이벤트/ Ajax/ 다양한 함수
1. 이벤트 이해하기 click : 클릭 이벤트 dblclick : 더블클릭 이벤트 keypress : 키보드 누르면 발생하는 이벤트 이벤트 사용 시 주의 사항 위와 같이 이벤트를 지정한 후, 나중에 동적으로 생성된 태그에는 이벤트가 걸리지 않는다. 이 경우,
5.[jQuery] DOM Ready 방식 vs 모듈 패턴 방식
DOM Ready 방식 vs 모듈 패턴 방식 jQuery의 DOMReady 기능을 이용하여 호출하는 방식과 모듈 패턴을 이용하여 호출하는 방식의 차이점은 아래와 같다. 1. DOM Ready 기능을 이용하여 호출하는 경우 DOM을 불러오기 전까지 이 함수를 호출할 수 없으며 DOM을 조작할 준비가 되면 실행하기 때문에 브라우저에서 최소 한 번 DOM 분...