[Javascript] jQuery 기본 사용 형태

$(<매개변수>.메소드(<매개변수>, <매개변수>)

기본 사용 형태는 이렇다.

 

제이쿼리는 $ 식별자로 간단하게 입력할 수 있게 만든 것이다.

 

페이지가 로딩되자 마자 시작되는 함수는 다음과 같이 쓸 수 있다.

$(document).ready(function(){
	[시작하자 마자 구동될 함수 또는 준비되어야 하는 함수]
});

 

 

문서 객체 선택

$('h1')
// h1 태그 선택

$('h1.logo')
// h1 태그 중 class 속성으로 logo를 가진 태그를 선택한다.

$('#head')
// id 속성이 head인 태그를 선택한다.

$('input[type=submit]')
// input 태그 중 type 속성이 submit인 태그를 선택한다.

$('h1').parent()
// h1 태그의 부모 태그를 선택한다.

$('h1').find('i')
// h1 태그 내부에 있는 i 태그를 선택한다.

$('h1').text()
//h1 태그 내부의 문자 조작, 모든 문서 객체 내부의 문자 출력

$('h1').html()
//h1 태그 내부의 문자 조작, 첫 번째 문서 객체 내부의 문자를 출력한다.

 

기타 속성 / 설명

속성	설명
length	선택된 문서의 객체 수
get()	선택한 문서 객체 중 하나를 선택
text()	html 태그 내부의 문자 조작
html()	html 태그 내부의 문자 조작(HTML 태그 인식)
css()	스타일 조작
attr()	속성 조작