[즐거'웅'코드] 목차 jQuery 예제 소스 구현 예시 jQuery 1 2 3 $("input:checkbox[name='(NAME명)']").length; 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 사과딸기레몬망고메론 checkbox 객체 개수 가져오기 function test() { var obj_length = $("input:checkbox[name='fruit']").length; alert(obj_length); } 구현 예시

[즐거'웅'코드] 목차 JAVASCRIPT 예제 소스 구현 예시 JAVASCRIPT 1 2 3 4 5 6 7 8 9 10 11 function test() { var obj_length = document.getElementsByName("fruit").length; for (var i=0; i

[즐거'웅'코드] 목차 JAVASCRIPT 예제 소스 구현 예시 JAVASCRIPT 1 2 3 4 5 6 7 8 9 10 11 function test() { var obj_length = document.getElementsByName("fruit").length; for (var i=0; i

[즐거'웅'코드] 목차 HTML 예제 소스 구현 예시 HTML 1 예제 소스 1 2 3 4 5 6 7 function test() { alert("Enter Key 입력 감지 \n함수 실행."); } 구현 예시

[즐거'웅'코드] 목차 JAVASCRIPT 예제 소스 구현 예시 JAVASCRIPT 1 2 3 (변환할 대상).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 예제 소스 1 2 3 4 5 6 7 var number = 12975000; var money = number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); alert(number); alert(money); 구현 예시

[즐거'웅'코드] 목차 CSS 예제 소스 구현 예시 CSS 1 2 3 4 5 .test_obj { overflow: hidden; } 예제 소스 1 2 3 4 5 6 7 8 9 10 11 영역을 벗어나는 텍스트를 지정된 영역 밖으로 나오지 않게하는 CSS 소스 .test_obj { overflow: hidden; height: 100px; width: 100px; border: 1px solid #dddddd; } 구현 예시

[즐거'웅'코드] 목차 jQuery 예제 소스 구현 예시 jQuery 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 $('(.클래스명)').focusout(function () { var pwd1 = $("(비밀번호 입력 ID)").val(); var pwd2 = $("(비밀번호 확인 ID)").val(); if ( pwd1 != '' && pwd2 == '' ) { null; } else if (pwd1 != "" || pwd2 != "") { if (pwd1 == pwd2) { // 비밀번호 일치 이벤트 실행 } else { // 비밀번호 불일치 이벤트 실행 } } }); 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21..

[즐거'웅'코드] 목차 JAVASCRIPT 예제 소스 구현 예시 JAVASCRIPT 1 2 3 4 5 6 7 8 function test() { var copyText = document.getElementById("(아이디명)"); copyText.select(); document.execCommand("Copy"); alert("복사되었습니다.") } 예제 소스 1 2 3 4 5 6 7 8 9 10 11 복사하기 function test() { var copyText = document.getElementById("copy_test"); copyText.select(); document.execCommand("Copy"); alert("복사되었습니다.") } 구현 예시

[즐거'웅'코드] 목차 CSS 예제 소스 구현 예시 CSS 1 2 3 4 5 6 7 8 .test_obj { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 absolute .test_obj { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; background-color: #e45e28; } 구현 예시

[즐거'웅'코드] 목차 HTML HTML 1 위 코드를 CDN으로 선언해주면 제이쿼리(jQuery)를 항상 최신 버전으로 사용할 수 있습니다. 여기서 CDN 이란 Content Delivery Network의 약자로 CDN 선언 시 특정 서버에 트래픽이 집중되지 않고, 컨텐츠를 자동으로 가장 가까운 서버에서 다운로드하도록 하여 직접 파일을 다운로드 받지 않고도 사용할 수 있게 됩니다.