728x90

-위치와 관련된 필터 선택자-

 선택자 형태

설명 

요소:odd 

홀수 번째에 위치한 문서 객체를 선택 

요소:even 

짝수 번째에 위치한 문서 객체를 선택 

요소:first 

첫 번째 위치한 문서 객체를 선택 

요소:last 

마지막에 위치한 문서 객체를 선택 

 

 

 -함수 필터 선택자-

 선택자 형태

설명 

요소:contains(문자열) 

특정 문자열을 포함하는 문서 객체를 선택

요소:eq(n)

n번째에 위치하는 문서 객체를 선택 

요소:gt(n) 

n번째 초과에 위치하는 문서 객체를 선택 

요소:has(h1)

h1 태그를 가지고 있는 문서 객체를 선택 

요소:lt(n)

n번째 미만에 위치하는 문서 객체를 선택 

요소:not(선택자)

선택자와 일치하지 않는 문서 객체를 선택 

요소:nth-child(3n+1) 

3n+1번째에 위치하는 문서 객체를 선택(1, 4, 7 ......) 

 

728x90

'jQuery' 카테고리의 다른 글

jQuery를 사용한 객체 확장  (0) 2013.01.08
jQuery를 사용한 배열 관리  (0) 2013.01.08
jQuery 입력 양식 필터 선택자  (0) 2013.01.08
jquery의 시작문 | jQuery(document).ready()  (0) 2013.01.08
jQuery 다운로드 | 사용법  (0) 2013.01.08
Posted by 정망스
,
728x90

 

 선택자 형태

설명 

요소:button 

input 태그 중 type 속성이 button인 문서 객체와 button 태그를 선택

요소:checkbox 

input 태그 중 type 속성이 check인 문서 객체를 선택

요소:file

input 태그 중 type 속성이 file인 문서 객체를 선택

요소:image 

input 태그 중 type 속성이 image인 문서 객체를 선택

요소:password

input 태그 중 type 속성이 password인 문서 객체를 선택

요소:radio 

input 태그 중 type 속성이 radio인 문서 객체를 선택

요소:reset

input 태그 중 type 속성이 reset인 문서 객체를 선택

요소:submit

input 태그 중 type 속성이 submit인 문서 객체를 선택

요소:text

input 태그 중 type 속성이 text인 문서 객체를 선택

 

 

 

 선택자 형태

설명 

요소:checked 

체크된 입력 양식을 선택 

요소:disabled 

비활성화된 입력 양식을 선택 

요소:enabled 

활성화된 입력 양식을 선택 

요소:focus 

초점이 맞춰져 있는 입력 양식을 선택 

요소:input 

모든 입력 양식을 선택(input, textarea, select, button 태그) 

요소:selected 

option 객체 중 선택된 태그를 선택 

 

728x90
Posted by 정망스
,
728x90

jQuery를 사용하는 모든 웹 페이지는 다음과 같은 코드를 갖습니다.

 

 

$(document).ready(function (){

});

 

이부분은 문서가 준비가 완료되면 매개변수로 전달된 함수를 실행하라는 의미입니다. 이 메서드는 window 객체의 onload 이벤트 연결과 비슷한 기능을 수행합니다.

 

$부분은 jQuery로 입력하여 사용하여도 무관합니다.

 

그리고 이 메서드는 굉장히 많이 사용되므로 jQuery에서는 간단하게 사용할수 있는 형태를 아래와 같이 제공합니다.

 

$(function () {

});

728x90

'jQuery' 카테고리의 다른 글

jQuery를 사용한 객체 확장  (0) 2013.01.08
jQuery를 사용한 배열 관리  (0) 2013.01.08
jQuery 필터 선택자 | 함수 필터 선택자  (0) 2013.01.08
jQuery 입력 양식 필터 선택자  (0) 2013.01.08
jQuery 다운로드 | 사용법  (0) 2013.01.08
Posted by 정망스
,
728x90

http://jquery.com에 접속하시면 메인 화면에서 곧바로 jQuery를 다운 받을 수 있습니다.

 

 

jQuery는 두 가지 방법으로 사용이 가능합니다.

첫번째 방법은 CDN 호스트를 사용하는 방법

두번째 방법은 직접 다운받아 사용하는 방법 입니다.

 

CDN이란 Content Delivery Network의 약자로 사용자에게 간편하게 콘텐츠를 제공하는 방식입니다.

 

<script src = "입력란"></script>

 

src 속성의 입력부분에 CDN 호스트를 입력하거나 다운로드 받은 jquery를 입력하면 쉽게 jquery를 사용할수 있습니다.

 

파일명은 .js와 .mim.js 파일로 나뉘는데

.js 파일은 Uncompressed 압축하지 않았다.

.mim.js 파일은 Minified 최소화 했다.

 

즉 .mim.js 파일은 용량을 최소화 하기 위해 지핑한 파일로써 두 파일간 용량은 약 다섯배 이상 차이가 납니다.

728x90
Posted by 정망스
,


맨 위로
홈으로 ▲위로 ▼아래로 ♥댓글쓰기 새로고침