jquery 기초

1
2
3
4
5
6
7
8
9
10
11
12
13
14
·¬
$(document).ready(function()·{·//window.onload와·같은·역할·$()·=·jQuery()¬
————//[로그인]·버튼·클릭·시·함수¬
————$('#btn').click(function(){¬
————————//버튼·클릭·시·수행문¬
————————data_check();¬
————});¬
});¬
¬
//load가·되야·적용이·가능¬
/*·$('#btn').click(function()·{¬
————alert();¬
});·*/¬
¶
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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

$()는 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'/>이라는 태그가 만들어진 이후.) 정상적으로 동작할 수 있음.