Web/jQuery(2)
-
[jQuery] textarea 글자 수 제한
jQuery를 이용해서 의 글자수 제한을 둬 해당 글자수가 넘어가게 되면 alert를 띄워 더 이상 쓰지 못하도록 해보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 textarea 글자수 제한 $(document).ready(function() { // textarea 글자 수 제한 $('#content').on('keyup', function() { if($(this).val().length > 10) { alert("최대 10자까지 입력 가능합니다."); $(this).val($(this).val().substring(0, 10)); } }); }); Colored by Color Scripter cs 먼저 jQuery 를 사용하기 위..
2021.08.13 -
[jQuery] 페이지 로드 후 특정 div 이동하기
jQuery를 이용해서 웹페이지가 로드 됐을 때 특정 div 로 이동하는 방법을 알아보겠습니다. 아래 소스는 태그 안에 태그를 넣어 red, orange, yellow 색에 해당하는 jpg 이미지 파일을 지정했습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 javascript focus Colored by Color Scripter cs 웹브라우저로 열어보면 아래와 같은 구조를 갖고 있고 이 경우는 마우스로 스크롤을 내렸습니다. 이 상태에서 태그를 추가하겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 javascript focus $(document).ready(function ..
2021.08.09