반응형
일단 jQuery의 기본 셀렉트 개념을 이해하시고 시작하면 아래 예제를 많은 도움이 됩니다.
아래주소는 TAEYO.NET 의 태요님의 셀렉트 강좌입니다.
http://www.taeyo.pe.kr/Columns/View.aspx?SEQ=354&PSEQ=29&IDX=1
아래는 jQuery를 이용한 onload 주는 방법입니다.
jQuery를 이용해 아래와 같이
<body onload="alert('테스트')">
onload 효과를 줄수 있습니다.
기본적인 구조는 다음과 같습니다.
$(document).ready(function(){
alert('테스트');
});
위와 같은 코드는 아래와 같이 간소화가 가능합니다.
$(function(){
alert(테스트);
});
alert(테스트);
});
위의 코드는 HTML이 준비가 되면 스크립트를 수행하는 코드입니다.
아래의 코드는 페이지 다운로드가 완료된 후 코드를 수행하는 방법입니다.
$(window).load(function(){
alert('테스트');
});
alert('테스트');
});
위의 코드를 응용해 다음과 같이 사용도
$("#id").load(function(){
alert('테스트');
});
위의 코드는 id라는 id를 객체가 불러진 후 함수를 수행하는 방법입니다.
사용하기에 차이점이 있기때문에 필요한 부분을 선택해 사용하시면 되겠습니다.
출처: http://coterie.textcube.com/15
반응형
'Web > Javascript' 카테고리의 다른 글
| [jquery] $(this) selector and child element? (0) | 2013.06.12 |
|---|---|
| javascript 디버깅 (0) | 2012.06.22 |
| c:\fakepath\ 파일 업로드시 생기는 문제 (0) | 2011.06.02 |
| [JS] javascript IE check 하기 (0) | 2010.12.23 |
| input 박스 enter 쳤을때, 처리하기 + 숫자만 입력 받기 (0) | 2010.12.07 |
| [jQuery] iframe 상위의 객체 선택하기(SELECT) (0) | 2010.11.23 |
| [JS] popup창의 iframe에서 opener창 reflash (0) | 2010.11.23 |
| [JS] onload 사용예제 ( window.onload ) (0) | 2010.07.27 |
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)
(로그인하지 않으셔도 가능)