37일차//JQuery// 자주쓰는 제이쿼리 함수 (모음)

jQuery 선택자

선택자명설명

$('tag')	Tag라는 이름의 모든 태그 요소를 선택
$(‘.class’)	class라는 클래스명의 모든 클래스 요소를 선택
$(‘#id’)	id라는 아이디명의 아이디 요소를 선택
$(‘div li’)	div에 있는 li 모두 선택
$(‘div > p’)	div의 p태그라는 직계 자식을 선택
$(this)	현재 선택 중인 요소를 가리킴

jQuery 메소드

메소드명설명

eq(n)	n번째에 위치하는 요소를 선택.
length()	요소의 개수를 알 수 있음.
parent() / parents()	요소의 직계 부모 선택 / 요소의 모든 부모들 선택
children(“a”)	요소의 a태그의 직계자손 선택
prev() / next()	이전 요소 선택 / 다음 요소 선택
val()	텍스트에 입력한 값을 추출
text()	해당 요소의 텍스트를 변경
move() / clone()	해당 요소 이동 / 해당 요소 복사
remove()	해당 요소 삭제
bind(이벤트,함수) / unbind(이벤트)	해당 이벤트 실행시 함수 실행 / 이벤트 제거
	* unbind() - 해당문서 객체와 관련된 모든 이벤트 제거
	* unbind(eventName) - 특정 이벤트와 관련된 모든 이벤트 제거
	* unbind(eventName, function) - 특정 이벤트의 함수 제거
addClass() / removeClass()	클래스 추가 / 클래스 삭제

jQuery 이벤트

이벤트명설명

mousedown()	노드영역에서 마우스르 눌렀다가 떼었을 때 발생
mouseenter()	노드에 마우스가 진입했을 때 발생 -> 부모 영역안의 자식영역에 커서가 가도 마우스 진입으로 판단
mouseleave()	노드영역에서 마우스가 나갔을 때 발생
mousemove()	노드영역에서 마우스가 움직일 때 발생
mouseover()	노드 영역에 마우스를 올려 놓았을 때 발생 -> 부모 영역안의 자식영역에 커서가 가면 마우스 아웃으로 판단
mouseup()	마우스 포인터를 노드에 올려놓고 마우스 버튼을 눌렀을 때 발생

jQuery 키보드 이벤트

키보드 이벤트명설명

keydown()	키보드가 눌러질 때 발생
keyup()	키보드가 떼어질 때 발생
keypress()	글자가 입력될 때 발생

html()

• 기존 내용을 없애고 필요한 html구문을 생성함

$subMenu1.html("<li>text</li>");

문서의 객체 선택 및 삽입

• $(A).insertBefore(B) : A를 B앞에 추가

• $(C).insertAfter(B) : C를 B뒤에 추가

• $(D).prependTo(B) : D를 B 앞부분에 추가

• $(E).appendTo(B) : E를 B의 뒷부분에 추가

• $(1).after(F) : 1뒤의 F 선택

• $(3).before(G) : 3앞의 G 선택

css()

• 해당 요소의 CSS를 설정 및 값 추출

// ex) $("#header").css() //height, overflow 설정 // ex) var $alpha=$(".subMenu").css("opacity"); //opacity 값 추출

attr()

• 해당 요소의 속성을 설정 및 값 추출

// ex) $mainImg.attr("class","img02"); //클래스명 설정 // ex) $("#visual_img").attr("src", "images/main/visual_