jquery 기초

 
$(document).ready(function() { //window.onload와 같은 역할 $() = jQuery()
	//[로그인] 버튼 클릭 시 함수
	$('#btn').click(function(){
		//버튼 클릭 시 수행문
		data_check();
	});
});

//load가 되야 적용이 가능
/* $('#btn').click(function() {
	alert();
}); */

제이쿼리 기본 문법은 $('선택자) 꼴로 사용됨.

$()는 jquery()의 축약이라고 함. 예전에 $이게 뭔소린지 몰라서 하다 말았는데 그냥 jquery.js에 작성된 함수를 사용하겠다 정도로 해석하면 됨.

그리고 $(document).ready가 window.onload와 같은 역할을 하는데, 

바디 부분에 <input type='button' value='로그인' id='btn' name='btn' /> 이런 태그가 있을 때

위에 주석처럼 onload 밖에 버튼의 이벤트를 판단할 경우 동작하지 않음.

확실하진 않은데 http문서 로드시 script등이 먼저 로드되고 html태그가 로드되기 때문에 onload이전에 $('#btn')을 수행하면 사실상 null을 가르키게 되는것으로 알고있음.

때문에 $(document).ready안에 작성을 해야(<input type='button' id='btn'/>이라는 태그가 만들어진 이후.) 정상적으로 동작할 수 있음.