JQuery 정복하기 4 (탐색, animation, ajax) 탐색체인 컨텍스트를 유지하면서 제어의 대상이 되는 엘리먼트를 변경하는 기법http://api.jquery.com/category/traversing/📍 예제 javascript을 입력 한 후에 엔터를 눌러주세요. .add(selector)엘리먼트를 추가한다 .andSelf()현재 엘리먼트 셋에 이전 엘리먼트 셋을 더 한다 .children([selector])자식 엘리먼트를 선택한다 .closest(selector)..
JQuery 정복하기 3 (event, element, form) 이벤트란?시스템에서 일어나는 사건을 의미javascript나 jQuery에게 이벤트란 브라우져에서 일어나는 사건을 의미한다. (클릭, 마우스 이동, 타이핑, 페이지 로딩등)이벤트가 발생했을 때 작동할 로직을 시스템에게 알려두면 이벤트가 발생했을 때 시스템이 그 로직을 호출한다.jQuery의 이벤트크로스브라우징의 문제를 해결해줌bind로 이벤트 핸들러를 설치하고, unbind로 제거 (예제1) (on,off로 업데이트 됨)trigger로 이벤트 핸들러를 강제로 실행 (예제2)click, ready와 같이 다양한 이벤트 헬퍼(helper)를 제공함live를 이용하면 현재 존재 하지 않는 엘리먼트에 이벤트 핸들러를 설치할 수 있음예제1. on, off, trigger를 이용한 이벤트의 설치, 제거, 호출 ..
JQuery 정복하기 2 (wrapper, 선택자, chain) 래퍼(wrapper)란?jQuery(엘리먼트 오브젝트 | 'CSS스타일 선택자')bold 표시한 부분이 래퍼, 인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환한다.레퍼의 안전한 사용$(엘리먼트) 와 jQuery(엘리먼트)는 같은 의미이지만 $를 사용하는 다른 라이브러리들과의 충돌 때문에 다음과 같은 방법을 사용한다.제어 대상을 지정하는 방법jQuery( selector, [context] )jQuery( element )예제 1. jQuery( selector, [context] ) test2 test 예제 2. jQuery( element ) ..
JQuery 정복하기 1 (Library, JQuery, javascript와 비교) 작년에 자바스크립트 할때 잠깐 공부하고 연습 조금 했던 JQuery를 다시 파보려 한다.https://www.samsungsds.com/kr/insights/jQuery.html라이브러리란?(library)자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들jQuery란?엘리먼트를 선택하는 강력한 방법과 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 자바스크립트 라이브러리Hello world - 첫번째 jQuery🌞 사용방법직접 서비스 하는 경우https://jquery.com/download/ 에서 jquery 소스코드를 다운로드 한다.위의 파일을 서버에 업로드 한 후 웹페이지 안에서 자바스크립트를 삽입한다.구글의 자바스크립트 라이브러리를 ..