'🐤 Web/📌 JQuery' 카테고리의 글 목록

JQuery 정복하기 4 (탐색, animation, ajax) 탐색 체인 컨텍스트를 유지하면서 제어의 대상이 되는 엘리먼트를 변경하는 기법 http://api.jquery.com/category/traversing/ 📍 예제 javascript을 입력 한 후에 엔터를 눌러주세요. .add(selector)엘리먼트를 추가한다 .andSelf()현재 엘리먼트 셋에 이전 엘리먼트 셋을 더 한다 .children([selector])자식 엘리먼트를 선택한다 .closest(selector)가장 가까운 selector 조상 엘리먼트를 탐색한다 .each(function(index,Element))현재 엘리먼트 셋에 반복 작업을 실행한다 .end()이전 체인 컨텍스트로 돌아간다. .eq(index)현재 엘리먼트 셋에서 index에 해당하는 엘리먼트를 선택한다 .filter(s..

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 wrapper에는 CSS 선택자가 위치할 수 있는데, 이를 통해서 제어하려는 엘리먼트를 빠르고 정확하게 지정할 ..

JQuery 정복하기 1 (Library, JQuery, javascript와 비교) 작년에 자바스크립트 할때 잠깐 공부하고 연습 조금 했던 JQuery를 다시 파보려 한다. 거의 노베이스에 가깝기 때문에 이 글은 정말 A부터 시작한다 🐥 우선 노하우...라고 하긴 너무 거창해보이니까.. 공부법을 소개해보자면 필자는 공식문서를 중요시 여긴다. 코딩할 때 가장 중요한 언어가 영어 (우리 교수님께서 많이 하시는 말씀이다) 인 이유가 공식문서나 영어로 이루어진 문서를 읽기 위함이라는 말이 있다. TMI지만 컴공 공부하면서 구글링도 많이 하고 영문서를 많이 봤더니 영어공부 하나도 안했는데 토익점수가 올랐다 (..?) 하지만 절대 공식문서로 공부를 시작하지 않는다. 공부를 시작하려면 공부해야할 것이 무엇인지를 먼저 감을 잡아야하는데, 공식문서에 적인 딱딱한 영어 설명으로는 나에게 와닿지 않기 때문..

이전 1 다음

라이브러리 브랜드 그룹 | 🐤 개발하는 참새 🌞

티스토리툴바