일안하고블로그

제이쿼리(Jquery) .on()제이쿼리를 사용하다보면 동적으로 생성된 함수에 Function을 걸어야 하는 경우가 발생합니다. 그럴경우 동적 DOM과 정적 DOM모두에 Function을 걸어야하는데 저는 .on()을 사용합니다. 종종사용하고 암기가 어려워 예제를 만들었습니다. $(document).ready(function(){ /* 소스 */ }); 상단의 ready는 해당 문서를 다읽고 실행되는 Function입니다. 따라서 문서의 내용이 변화하면 감지를 하지못합니다. 하지만 on()은 바뀐 시점에서 전체 내용을 읽기 때문에 내용변경 후에도 이벤트가 가능해집니다. $(document).on("click",".menu div", function(event){}); See the Pen 제이쿼리 정적테..

See the Pen 제이쿼리 - Show by 최대한 (@sheldhe) on CodePen. 제이쿼리의 장점중 하나는 애니메이션을 구현하기 쉽고 , 많은 오픈소스가 있는 것 같습니다. 평소에도 제이쿼리를 많이 쓰지않을려고 노력하지만, 종종 쓸 수 밖에없는 환경에 놓여 사용합니다. 이번에도 종종 사용하지만 정리가 안되어있는 제이쿼리 show에 대한 기능을 정리 하겠습니다. 사용 하기 위해서 제이쿼리 ui라이브러리가 필요하여 CDN으로 사용하였습니다. https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js 코드펜 사용법을 모르거나 자세히 배우고 싶으시면 아래 링크를 확인해주세요. 2018/07/18 - [Site & Program ..