개발자의 끄적끄적

[javascript/jquery] jquery 마우스 이벤트 제어 함수 jquery 에서 키보드 이벤트 말고 마우스 이벤트도 자주 제어를 합니다. 그럴때 사용 하는 jquery 함수입니다. mousedown() // 마우스를 눌렀다가 때면 반응 mouseenter() // 마우스가 영역안으로 들어왔을때 반응 mouseleave() // 마우스가 영역에서 벗어났을때 반응 mousemove() // 마우스가 영역안에서 움직일때 반응 mouseover() // 마우스를 영역에 올려놨을때 반응 mouseup() // 마우스를 영역에서 눌렀을때 반응 위 내용보시면 아시겠지만, 마우스가 영역에 들어오거나, 클릭이 발생하거나, 영역을 벗어나거나 하는 이벤트들을 제어할 수 있습니다. 내용이 약간씩 다르므로 꼭 테스트..

[javascript/jquery] jquery 키보드 이벤트 함수 input 태그에서 키보드 입력이 될때마다 검색을 한다든가, 유효성 검사를 한다든가 하는 일이 많습니다. 그럴때 사용할수 있는 jquery 키보드 이벤트 함수입니다. keydown() // 키보드를 누를때 반응 keyup() // 키보드를 눌렀다가 뗄때 반응 keypress() // 글자가 입력될때 반응 위 내용처럼 키보드를 누를때 바로 반응하는지, 키보드를 눌렀다가 뗄때 반응하는지, 글자가 입력되었을때 반응하는지에 따라서 구분이 됩니다. 비슷하게 보이지만 약간씩 차이가 있으므로, 확인해보고 맞는것을 골라서 사용하시면 좋을듯 합니다. 참고하세요!

[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] 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", "이미지 경로"); 참고들하세용!

[JQUERY] jquery 소스를 얻을만한 유용한 사이트[펌] html, jquery 모바일 레이아웃참고 사이트 http://themeforest.net/item/notifico-mobile-retina-html5-css3-and-iwebapp/5735344 다양한 기능이 내장된 jquery 플러그인 모음 http://flowplayer.org/tools/demos/index.html jquery 다양한 효과 소스 사이트 http://tympanus.net/codrops/category/tutorials/ jquery,html5 등으로 코딩된 디자인 요소들 소스를 다운받을 수 있는 사이트. 신기한 움직임의 디자인들도 많고 멋진 디자인들도 많이 있음. http://www.htmldrive.net/ jqu..