본문 바로가기

IT/Javascript

(17)
[jQuery] jQuery Select Box 제어하기 jQuery로 선택된 값 읽기 $("#selectBox option:selected").val(); $("#select_box > option:selected").val() $("select[name=name]").val(); jQuery로 선택된 내용 읽기 $("#selectBox option:selected").text(); 선택된 위치 var index = $("#test option").index($("#test option:selected")); ------------------------------------------------------------------- // 선택 항목의 끝에 옵션 추가 $("#selectBox").append("Apples"); $("#selectBox").appe..
배열(Array) 생성 및 사용법 자바스크립트에서 배열을 만드는 방법 2가지 - 배열 리터럴 대괄호([ ])를 사용하여 만드는 방법 - Array() 생성자 함수로 배열을 생성하는 방법 배열 리터럴 대괄호([ ])를 사용하여 만드는 방법 // 배열 생성 (빈 배열) var arr = []; arr[0] = 'zero'; arr[1] = 'one'; arr[2] = 'tow'; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } // 배열 생성 (초기 값 할당) var arr = ['zero', 'one', 'tow']; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } // 배열 생성 (배열 크기 지정) // 쉼표 개수..
2차원 배열 선언 자바스크립트의 2차원 배열이란? - 자바스크립트는 진정한 2차원 배열은 없다 - var arr = [][]; 이와 같은 한 번에 2차원 배열 선언이 불가능하다 - 약간의 트릭을 통하여 2차원 배열과 비슷한 배열을 만들 수 있다 아래의 예제 중 상황에 맞는 방법을 사용하면 된다 초기값을 할당하여 배열 생성 // arr[5][2] var arr = [['a','b'], ['c', 'd'], ['e', 'f'], ['g', 'h'], ['i', 'j']]; 반복문을 사용하여 빈 배열 생성 // arr[5][2] var arr = new Array(5); for (var i = 0; i < arr.length; i++) { arr[i] = new Array(2); } 2차원 배열 생성 함수를 만들어서 사용 fu..
배열 추가, 삭제 방법 (push, pop, splice) 자바스크립트 배열 추가, 삭제 함수 - 배열 추가 : Array.push(), Array.unshift(), Array.splice() - 배열 삭제 : Array.pop(), Array.shift(), Array.splice() 배열 요소를 추가하는 방법 var arr = ['a', 'b', 'c']; // arr = ['a', 'b', 'c', 'd'] arr.push('d'); // 배열의 끝에 요소를 추가 var arr = ['a', 'b', 'c']; // arr = ['d', 'a', 'b', 'c'] arr.unshift('d'); // 배열의 앞쪽에 요소를 추가 var arr = ['a', 'b', 'c']; // arr = ['a', 'b', 'd', 'c'] arr.splice(2, 0..
URL(주소) Query String 쉽게 가져오기 (인자, 파라미터, param) 자바스크립터에서 주소(URL) 상으로 넘어오는 인자(QueryString) 값을 쉽게 파싱해서 사용할 수있는 함수를 소개한다. 해당 함수를 사용하여 리턴된 값은 JSON 형태이기 때문에 사용하기 편하다. function getUrlParams() { var params = {}; window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(str, key, value) { params[key] = value; }); return params; } 해당 주소(URL)의 Query String 값을 JSON 형태로 받아서 사용 할 수 있다.
JSON 키,값을 쉽게 추가(add) 및 삭제(delete) 하기 SON 객체에 키(key)와 값(value)를 추가하고 삭제하는 방법 var json = {NAME: "John", AGE: 30, SEX: "male"}; //add item (key, value) json.BIRTHDAY = '2001-03-01'; //delete item (key) delete json.SEX; 결과 (Result) : add item : json {NAME: "John", AGE: 30, SEX: "male", BIRTHDAY: "2001-03-01"} delete item : json {NAME: "John", AGE: 30, BIRTHDAY: "2001-03-01"}
해당 날짜의 요일 구하기 해당일자의 요일을 구할때 사용한다 크롬에서는 빨간색부분을 var d = new Date(sDate); 해도 상관없으나 사파리에서는 안된다. 예) var weekday = getWeekday("2011-04-01") function getWeekday(sDate) { var yy = parseInt(sDate.substr(0, 4), 10); var mm = parseInt(sDate.substr(5, 2), 10); var dd = parseInt(sDate.substr(8), 10); var d = new Date(yy,mm - 1, dd); var weekday=new Array(7); weekday[0]="일"; weekday[1]="월"; weekday[2]="화"; weekday[3]="수"; ..
쿠키(cookie)셋팅 expires 쉽게 설정하기 (getCookie, setCookie) 자바스크립트에서 쿠키셋팅시 expires을 일수로 설정할수 있는 함수이다. 예) setCookie('CookieName', CookieValue', 365); //365일 후 만료 var str = getCookie('CookieName'); function setCookie(name, value, days) { if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); var expires = "; expires=" + date.toGMTString(); } else { var expires = ""; } document.cookie = name + "=" + value + expires +..