개발자의 끄적끄적

[javascript/jquery] jquery로 disabled 효과 적용/해제 방법 jquery로 특정 태그에 disabled 효과를 주거나 제거할때가 있습니다. 그럴때 attr을 이용하시면됩니다. 기본 사용법입니다. $("대상").attr("disabled", true); $("대상").attr("disabled", false); 예제입니다. 위와같은 input 태그가 있다고 가정하고, $("#id_input").attr("disabled", true); // $("#id_input").attr("disabled", false); // 실행하면 위 예제처럼 보여지게 됩니다. attr("disabled", true)

[javascript/jquery] jquery attr onclick 방법 및 예제 이전 글에서 html onclick 새창으로 띄우는 법을 작성했습니다.! 이번에는 jquery 로 특정 태그에 onclick =window.open 을 추가하는 방법입니다. $('대상').attr("onclick", "window.open('주소')"); 이것도 어려울것 없이 위를 보시면 $(대상) < -- 내가 속성을 부여하고자 하는 대상에 oncilck="window.open('주소')" 라는 속성을 추가하는 예제입니다. attr은 onclick 말고 엄청 다양하게 쓰이니 꼭 찾아서 한번씩 보시는걸 추천드립니다! 참고하세요!

[javascript/jquery] ajax 동작여부 확인방법 ajax 가 실행되는지, 종료되는지 혹은 실행중에 종료가 안되는지 등등 여러가지 현상을 확인하기 위해서 사용할 수 있는 방법입니다! $(function)() { $(document).ajaxStart(function () { console.log("start"); }); $(document).ajaxStop(function () { console.log("stop"); }); }) 위에 적힌 소스처럼 .ajaxStart 는 ajax 가 실행될 때 동작을 하고 .ajaxStop 는 ajax 가 종료될 때 동작을 합니다. 참고하세요!

[javascript/jquery] jquery 로드 여부 확인 방법 가끔 네트웍이나 특정상황에 jquery 로드가 안되는 경우가 있습니다. 그럴때 로드가 된지 확인할 수 있는 예제입니다. 위처럼 undefined 이면 로드가 안된거니 로드를 시킬지, 머 다른 코드를 적용할지 선택해서 작성, 사용 하시면 될듯 합니다. 참고하세요!

[javascript/jquery] clearInterval() 사용법 및 예제 프로젝트를 하다보면, 일정시간 후 페이지를 함수를 종료하는 코드를 사용해야 될때가 있습니다. 그때 사용할수 있는 샘플 코드를 올려봅니다! 그냥 가져가 쓰셔도 되구요! 입맛에 맛게 수정하시면 더 좋겠죠! var timer = 0; $(document).ready(function() { timer = setInterval("calc_time()", 1000); }); var sec = 0; function calc_time(){ sec += 1; if( sec >= 60 ) { clearInterval(timer); return; } } 위 소스 보시면 아시겠지만, 페이지가 뜬 후에 setInterval 함수를 이용하요 1초마다..

[javascript/jquery] setTimeout 사용법 및 예제 프로젝트를 하다보면 입력이 없을시, 일정시간 후 실행해야 하는 로직을 구현하는 경우가 있습니다. 그떄 사용할수 있는 샘플 코드를 올려봅니다! 그냥 가져가 쓰셔도 되구요! 입맛에 맛게 수정하시면 더 좋겠죠! $(document).ready(function() { setTimeout("calc_time()", 1000); }); var sec = 0; function calc_time(){ sec += 1; console.log(sec); } 위 소스 보시면 아시겠지만, 페이지가 뜬 후에 setTimeout 함수를 이용하요 1초후에 calc_time 라는 함수를 호출합니다. 이 함수는 호출당할때 마다 sec 라는 변수를 1초씩 증가시키고..

[javascript/jquery] setInterval 사용법 및 예제 프로젝트를 하다보면 입력이 없을시, 일정시간 후 페이지를 전환하는 일이 빈번히 있습니다! 그떄 사용할수 있는 샘플 코드를 올려봅니다! 그냥 가져가 쓰셔도 되구요! 입맛에 맛게 수정하시면 더 좋겠죠! $(document).ready(function() { setInterval("calc_time()", 1000); }); var sec = 0; function calc_time(){ sec += 1; if( sec >= 60 ) { window.location.href = "이동시킬 url"; return; } } 위 소스 보시면 아시겠지만, 페이지가 뜬 후에 setInterval 함수를 이용하요 1초마다 calc_time 라는 함수..

[javascript/jquery] .prepend() 사용법 및 예제 jquery .prepend() 기본 사용법입니다. $(대상).append(내용) 아래와 같은 태그가 있다고 가정하고 aaa 아래 처럼 작성하고 실행하면 $("#id_ul_list").prepend("bbb"); bbb aaa 이런 결과가 나오게 됩니다. prepend() 는 특정 타겟의 요소 맨 앞에 표시하고자 하는 내용을 붙여줍니다! 앞서 올렷던 append() 와 사용법은 완전 동일하지만 맨앞에 붙이느냐 맨 뒤에 붙이느냐의 차이입니다! 참고들하세요!