개발자의 끄적끄적

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

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

[javascript/jquery] 각종 정규식 모음 특수문자 / 문자 / 숫자 포함 형태의 8~15자리 이내의 암호 정규식 var regex = /^.*(?=^.{8,15}$)(?=.*\d)(?=.*[a-zA-Z])(?=.*[!@#$%^&+=]).*$/; 숫자와 문자 포함 형태의 6~12자리 이내의 암호 정규식 var regex = /^[A-Za-z0-9]{6,12}$/; 이메일 정규식 var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; 핸드폰번호 정규식 var regExp = /^\d{3}-\d{3,4}-\d{4}$/; 일반 전화번호 정규식 var regExp = /^\d{2,3}..

[javascript/jquery] jquery action & submit 예제 위와 같은 폼을 go_search() 라는 자바스크립트 함수를 호출해서 검색을 하고 싶을때는 아래처럼 호출받은 go_search 함수에서 해당 form 에 action url을 선언 후 .submit() 를 실행하면, 위 소스에서처럼 main/search 라는 컨트롤러를 찾아서 검색을 실행하게 연동할 수 있습니다. url은 언제든 원하는대로 변경해서 호출하면 form을 넘겨서 처리할 수 있습니다! 참고들하세용!

[javscript/jquery] jquery img src 변경하기 위와 같은 img 태그의 src 를 변경하려면 아래와 같이 attr 을 사용하면 됩니다! $("#id_img").attr("src", "이미지 경로"); 참고들하세용!