selfstarter

JavaScript extend 함수 사용법 jquery.extend 함수 안에 object는 그냥 합칠 object이다. 그러므로 object를 무한히 여러개 합칠 수 있다. jQuery.extend(target[, object1][, objectN]) 아래 예제에서 newObject는 3개의 object를 합치고 있다. 순서대로 newObject에 key가 저장되며, obj1과 obj2의 a key가 겹치기 때문에 처음들어간 obj1의 값 위로 obj2가 덮어씌워졌다. 그래서 obj2의 값만 저장되었다. 만약 object가 아닌 값을 합칠려고 한다면 글자인 경우 하나하나가 key0부터 저장되는것을 확인할 수 있다. 이건 원하는 결과가 아니므로 꼭 object 형을 넣도록 한다.

JavaScript bind 사용법 JavaScript에서 this는 사용하고 있는 현재 객체를 뜻한다. 즉 this가 가변적이므로 내 의도와 다르게 this 사용되는 경우가 생긴다. 또 헷갈려서 지역변수와 this를 혼동하여 undefined 가 나오는 경우도 있다 $("#clickBtn").click(function(){ var testval = 20; console.log(this.testval);// undefined }); 이렇게 this가 가변적이라 헷갈린다면 binid를 사용해서 해당 함수의 this를 특정객체로 고정시킬 수 있다 // 1. this를 사용할 객체 정의 var obj = {testval:10}; // 2. function 정의 function getTestVal(){ var ..

$(function(){ var date = new Date(2020, 10); console.log(date.getFullYear()+' getMonth:'+date.getMonth()); for (var i = 1; i = 13) { var addYear = parseInt(month / 12); var resultMonth = month % 12; console.log((date.getFullYear()+addYear)+' 년'+resultMonth+' 월'); } else { console.log(date.getFullYear()+' 년'+(date.getMonth()+i)+' 월'); } } });

javascript escape 인코딩 함수. url에서 한글을 인코딩할 때 사용(가 -> %uAC00) 한글인지 영문인지 구분할 때도 인코딩되지 않은 한글은 length가 1이기 때문에 인코딩 후 구분할 수 있다.var value1 = '가'; var value2 = 'a'; var value3 = '2'; console.log("가:"+escape(value1)); console.log("a:"+escape(value2)); console.log("2:"+escape(value3)); console.log("가 length:"+value1.length); console.log(escape(value1)+" length:"+escape(value1).lengt..

Jquery input 비었는지 체크 이름 : 나이 : 취미 :

select box 동적 생성 var arr = new Array(); var obj1 = new Object(); obj1.seq = "1"; obj1.name = "사과"; obj1.value = "001"; arr.push(obj1); var obj2 = new Object(); obj2.seq = "2"; obj2.name = "배"; obj2.value = "002"; arr.push(obj2); var obj3 = new Object(); obj3.seq = "3"; obj3.name = "포도"; obj3.value = "003"; arr.push(obj3); var listLength = arr.length; var option = $("select[name=selectName]").fin..

JS Input에 숫자만 입력받기 Input에 keyup 이벤트가 발생할 때 정규표현식으로 숫자 여부를 확인한다. 숫자가 아니라면 입력값을 빈값으로 치환한다.

select box 선택 시 input 값 비활성화 - input값 비활성화 시 disabled를 true 값으로 주면 된다 - 선택 된 select값을 찾으려면 change 이벤트 시 find("option:seleced")로 선택된 값을 찾으면 도니다 없음 사과 귤 select 선택시 활성화