특별한 일상

안녕하세요. 소다맛사탕 입니다. 오늘은 기본적인 자바스크립트 이벤트 인터페이스 중 return과 같은 역할을 하는 preventDefault() 메서드와 stopPropagation() 메서드를 알아보겠습니다. 1. event.preventDefault(); 어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 브라우저의 기본 동작을 실행하지 않도록 지정. 사용법 HTML과 JavaScript를 활용해서 간단하게 테스트 결과를 명시하겠습니다. 이동테스트 체크테스트 $("#urlConnect").click(function(){ console.log(event); // 이벤트 기본동작 실행 막기 // url 이동 막기 event.preventDefault(); }); $("input[name=c..

안녕하세요. 소다맛사탕 입니다. 지난 포스팅인 '[JavaScript] Array forEach() 메서드 사용법(배열 forEach())'에 이어서 오늘은 jQuery를 이용한 배열을 관리하는 each() 메서드를 알아보겠습니다. 1. 사용법 $.each(object, function(index, element) { }); $(selector).each(function(index, element) { }); index : 요소의 인덱스. element : 매개변수가 가지고 있는 현재 요소. 2. 예시 // 배열 선언 var arrVal = ["가", "나", "다", "라"]; // 배열 each()문 선언 $.each(arrVal, function(index, element){ console.log(..

안녕하세요. 소다맛사탕입니다. 이번 포스팅에서는 자바스크립트 배열 요소에 대한 지정된 함수를 호출 하는 forEach() 메서드에 대해 간다하게 알아보겠습니다. ※ forEach() 메서드는 배열에서만 사용가능한 메서드 1. 사용법 array.forEach(callback(element, index, arr), thisArg) callback : 실행할 함수. 즉, function(){} element : 배열의 현재 요소. index : 요소의 인덱스. arr : forEach()가 호출한 배열 thisArg : 콜백을 실행할 동안 this로 사용할 값. 2. 예시(for example) // 배열 선언 var arrVal = []; arrVal.push("가"); arrVal.push("나"); ar..

특정 값의 vaildation을 체크하거나 해당 값의 일치 여부를 판단하기 위해 indexOf() 라는 탐색 메서드를 종종 사용하곤 하는데.. 오늘은 이 특정 문자를 검색하거나 찾은 후 처리되는 indexOf() 메서드의 처리 방식에 대해 간단히 알아보려고 합니다. 1. indexOf() 특정 요소를 앞에서부터 검색하고 문자열의 위치를 리턴한다. indexOf(searchString, position) 2. lastIndexOf() 특정 요소를 뒤에서부터 검색하고 문자열의 위치를 리턴한다. lastIndexOf(searchString, position) 해당 문자(열)을 가지고 있는지 여부에 따라 값이 없는 경우 -1을 반환. 해당하는 값이 있는 경우 해당 위치 값을 반환. 예시를 통해 알아보겠습니다....

안녕하세요. 소다맛사탕 입니다. 간단한 체크박스 전체 선택 및 해제를 알아보겠습니다. HTML 전체 가 나 다 라 마 javaScript $(document).ready(function(){ $("input:checkbox[name='chkedAll']").prop("checked",true); $("input:checkbox[name='chkedAll']").click(function(){ if("input:checkbox[name='chkedAll']").is(":checked") == true){ $("input:checkbox[name='chkedlist']").prop("checked",true); } else { $("input:checkbox[name='chkedlist']").prop("c..