plming/jQuery(28)
-
셀렉터 사용하기 #2 - 위치 기반 셀렉터
* 위치 기반 셀렉터 : DOM에서 위치를 기반으로 엘리먼트를 선택 셀렉터 설명 :first 페이지에서 처음으로 일치하는 엘리먼트 li a:first는 리스트 아이템의 첫 번째 링크를 반환 :last 페이지에서 마지막으로 일치하는 엘리먼트 li a:last는 리스트 아이템의 마지막 링크를 반환 :first-child 첫 번째 자식 엘리먼트 li:first-child는 각 리시트의 첫 번째 아이템을 반환 :last-child 마지막 자식 엘리먼트 li:last-child는 각 리스트의 마지막 아이템을 반환 :only-child 형제가 없는 모든 엘리먼트를 반환 :nth-child(n) n번째 자식 엘리먼트 li:nth-child(2)는 각 리스트의 두 번째 리스트 아이템을 반환 :nth-child(even..
2015.04.22 -
셀렉터 사용하기 #1 - CSS셀렉터
. 자식 셀렉터 : 부모와 자식 엘리먼트는 오른쪽 부등호(>)로 구분한다. p > a . 어트리뷰트 셀렉터 : 엘리먼트의 어트리뷰트의 값을 구분하여 찾는다. a[href^=http://] a 엘리먼트중 [] 안에 어트리뷰트 명과 값과 어떤 조건으로 찾을 것인지를 기술한다. ^는 값의 시작 부분이 일치함을 의미한다. 웬지 정규식 스럽다. . 값에 상관없이 특정 어트리뷰트를 가지는 경우는 a[href] . 어트리뷰트의 특정 값과 일치시키려면 input[type=text] . 끝 값이 일치하는 a[href$=.pdf] . 임의의 문자열을 포함하는 a[href*=jquery.com] . 컨테이너 셀렉터 : 엘리먼트를 포함하고 있는 엘리먼트를 찾는다. li:has(a) 엘리먼트를 포함하는 모든 엘리먼트 li a ..
2015.04.22 -
프로그래밍 jQuery 증보판 (jQuery in Action)
프로그래밍 JQUERY 저자 베어 바이볼트, 예후다 카츠 지음 출판사 인사이트 | 2008-09-05 출간 카테고리 컴퓨터/IT 책소개 jQuery를 이용한 웹 프로그래밍 활용서! 『프로그래밍 jQ... . jQuery : 자바스크립트 이름공간(namespace)에 jQuery와 $라는 이름 두 개만을 새로 추가했을 뿐이다. 몇몇 예외사항을 제외하고 CSS3(문법)를 완벽하게 준수 → CSS 셀렉터라고도 하는 이유 jQuery() 함수로 다음과 같은 일을 할 수 있다. - 어떤 동작을 수행하려고 DOM 엘리먼트를 선택하고 확장하기 - 전역 유틸리티 함수의 이름공간 제공하기 - HTML 마크업으로 DOM 엘리먼트 만들기 - DOM을 조작할 준비가 되었을 때 실행할 코드 지정하기 . HTML문서에서 스타일 ..
2015.04.22 -
jQuery
http://jquery.com/download/ 현재 IE 6/7/8을 지원하지 않는 1.11.2 버전과 2.1.3 버전이 존재한다. http://ko.wikipedia.org/wiki/JQuery jQuery(제이쿼리)는 브라우저 호환성이 있는 HTML 속 자바스크립트 라이브러리이며 클라이언트 사이드 스크립트 언어를 단순화 할 수 있도록 설계되었다. 존 레식이 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 공식적으로 소개하였다. jQuery는 오늘날 가장 인기있는 자바스크립트 라이브러리 중 하나이다. jQuery는 MIT 라이선스와 GNU 일반 공중 사용 허가서v2의 듀얼 라이선스를 가진 자유 오픈 소프트웨어이다. jQuery의 문법은 코드 보기, 문서 객체 모델 찾기, 애니메이션 만들기, 이..
2015.04.22