'Programming/JavaScript & jQuery' 카테고리의 글 목록 (4 Page)

[jQuery] onload, ready 페이지 로딩 시 처리부분 (load, ready)

페이지 로딩 시 처리되는 스크립트 1234567891011121314<script>$(window).load(function() { // 로딩 완료되었을때}); $(document).ready(function() { // 문서의 로딩을 시작할때}); $(function() { // 로딩될때}); </script>cs 브라우저가 HTML을 읽어오는 순서 <출처 : http://ojtiger.com/179>

Programming/JavaScript & jQuery 2015.09.16

[jQuery] input 폼안의 내용들을 문자열로 나열하기 (.map)

.map 함수를 이용하여 input 폼안의 내용들을 콤마로 구분지어 문자열로 나열 [예제] 12345678910111213141516171819<!DOCTYPE html><html><head><script src="http://code.jquery.com/jquery-latest.js"></script></head><body><p>문자열: </p><form> <input type="text" name="id" value="john123"/> ..

Programming/JavaScript & jQuery 2015.09.14

[jQuery] 키보드 이벤트 (keydown, keypress, keyup)

jQuery 명령 실행을 위한 스크립트 선언 스크립트 내에 아래의 jQuery 스크립트를 선언해야 jQuery 명령을 실행할 수 있다 이벤트 타입 .keydown() - 키 입력 시 발생되는 이벤트 .keypress() - keydown과 같이 키 입력 시 발생되는 이벤트지만 Enter, Tab 등의 특수키에는 발생하지 않음 .keyup() - 키 입력 후 발생되는 이벤트 [예제1] 입력된 키보드의 코드값을 확인하는 방법 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 $("#test").keydown(function(e) { alert(e.keyCode); }); Colored by Color Scripter cs [예제2] 입력된 값을 확인하는 방법 1 2 3 4 5 ..

Programming/JavaScript & jQuery 2015.09.02

[jQuery] 천천히 스크롤되며 올라가는 TOP 버튼 구현

간단한 스크립트를 이용하여 천천히 스크롤되며 올라가는 TOP버튼을 구현할 수 있습니다 1234567<button id='top'>TOP</button> <script> $('#top').click(function(){ $('html, body').animate({scrollTop:0}, 'slow'); });</script>Colored by Color Scriptercs

Programming/JavaScript & jQuery 2015.09.01

DOTI Project

Programming/JavaScript & jQuery 34

티스토리툴바