본문 바로가기

JavaScript & JQuery

자주사용하는 JQuery 함수 제어 함수


# 자주 사용하는 JQuery 제어 함수


$(document).ready(function(){ });

페이지 문서가 준비되면 다음 내용을 실행함

$(" ").click(function(){ });

클릭 다음 내용을 실행함

$(" ").hide("slow"); 

해당 요소가 페이지에서 천천히 사라짐

$(" ").show("fast"); 

해당 요소가 페이지에서 빠르게 나타남

$(" ").slideUp(); 

해당 요소가 위로 슬라이드해서 사라짐

$(" ").add(" ")

요소를 추가 선택

$(" ").not(" ")

선택된 확장 집합에서 해당하는 요소를 제거

$(" ").children()

요소의 고유한 자식으로 구성된 확장 집합을 반환함

$(" ").contents()

선택한 요소의 고유한 자식으로 구성된 확장 집합을 반환한다.

$(" ").first()

요소의 번째 노드 반환

$(" ").last()

요소의 마지막 노드 반환

$(" ").next()

요소 집합내의 다음에 나오는 모든 형제로 구성된 확장집합 반환

$(" ").nextUntil()

선택 요소부터 인자가 나올 까지 집합을 선택한다.

$(" ").parent()

요소 집합의 바로 부모로 구성된 확장 집합 반환

$(" ").parents()

요소 집합의 모든 조상 확장 집합을 반환. 부모와 상위모든 조상이 포함되지만 문서루트는 미포함

$(" ").parentUntil()

선택 요소부터 인자가 나올 때까지 부모 집합을 선택한다.

$(" ").prev()

요소집합의 바로 이전에 나오는 형제로 구성된 확장 집합을 반환

$(" ").prevAll()

요소집합 이전에 나오는 모든 형제를 포함하는 확장 집합을 반환

$(" ").sibling()

요소의 모든 형제를 포함하는 확장 집합을 반환

$(" ").eq()

선택 요소의 index번째 요소를 선택함

$(" ").index()

선택 요소에서 인자의 index 번호를 반환

$.inArray()

대상 배열 내의 값을 찾아서 인덱스를 반환한다. 번째 배열은 0, 요소가 없으면 -1

$(" ").filter()

선택된 요소를 포함한 노드에서 인자의 요소를 찾는다

$(" ").find()

선택된 요소의 자식 노드에서 인자의 요소를 찾는다.

$(" ").end()

제이쿼리에서 연쇄적으로 사용할 경우 앞쪽에서 이미 선택되었던 요소로 돌아간다.

$(" ").each(function(I,element){});

다중 요소를 순서대로 선택

$(" ").has()

인자를 가지고 있는 확장 집합을 선택

$(" ").slice()

선택한 요소 집합을 인자의 범위로 잘라냄

$(" ").clone()

선택된 요소를 복사한다

$(" ").andSelf()

선택된 구조 요소를 이어붙인다

$(" ").offSelf()

위치(css:position) 요소를 기반으로 부모 요소를 찾는다.