개발자의 끄적끄적

[javascript/jquery] jquery clone 사용법 및 예제 jquery 에서 특정 내용을 그대로 복사해서 다른 태그 안으로 넣고 싶을때 clone() 라는 함수를 사용하면 됩니다. 아래는 기본 사용법입니다. $("옮길 내용").clone().append("옮길 대상 태그"); clone 위내용 보시면, aaa 라는 클래스를 가진 div 안에 clode 라는 id를 가진 div를 복사해서 bbb 라는 클래스 div 안으로 넣고싶으면 $("#clone").clone().append(".bbb"); 이렇게 작성해주면 됩니다. 참고들 하세요!!

[javascript/jquery] jquery not() 사용법 및 예제 jquery 에서 특정 요소를 찾을때 find 를 사용합니다. 하지만 특정요소에 해당되는 내용이 많은데 그중에서 어떤것들은 제외해야 할때 가있습니다. 그럴때 사용하는 함수입니다. 아래는 기본 사용법입니다. $("찾을 구분").find('찾고자 하는 내용').not('제외내용'); 위 내용을 보시면 아시겠지만, find 구문과 완전 동일하구요, 뒤에 .not('제외내용'); 을 추가하면 됩니다. 예제입니다. abc def 위 처럼 name 이라는 클래스는 가지고 있는 ul 이있고 그 안에 li 을 찾고 싶은데 li들중 아이디가 abc 인것은 제외하고 싶으면 아래처럼 작성하면 됩니다. $(".name").find("li").not("..

[javascript/jquery] jquery find() 사용법 및 예제 jquery 에서 특정 태그안에 있는 요소중 특정 내요을 찾고자 하는 경우가 있습니다. 그럴때 사용하는 함수가 find() 라는 함수입니다. 아래는 기본 사용법입니다. $("찾을 구분").find('찾고자 하는 내용'); 위 내용 보시면 아시겠지만, 찾고자 하는 범위에서 찾고자 하는 내용을 입력하면 됩니다. 예를들어, name 이라는 클래스를 가진 div 안에 있는 요소중 id 가 abc 인 것을 찾으려면 $(".name").find("#abc"); 위처럼 사용하면 됩니다. console.log($(".name").find("#abc")); 이것처럼 찍어보면 f12콘솔에 결과가 잘 나오니까 확인해보세요! 참고들하세용!

[javascript/jquery] jquery checkbox 체크 수 카운트 하기 jquery 로 checkbox 체크 된 수 카운팅 하는 방법입니다. $("input[name='input name']:checked").length 위내용중에 'input name' 라고 되어있는 곳에 현재 선언된 name을 입력하시면 됩니다! 참고하세요!

[javascript/jquery] bootstrap modal 열고 닫는 방법 jquery 로 bootstrap modal 을 열고 닫기를 할때 사용하는 방법입니다. $('#id').modal('show'); $('#id').modal('hide'); 위처럼 모달영역으로 선언되어 있는 id값을 #id 자리에 대체하신 후 오픈하고싶으면 .modal('show') 를 닫고싶으면 .model('hide') 를 해주면 됩니다. 참고하세요!

[javascript/jquery] emailjs 연동방법 [링크] javascript 에서 메일을 보내고 싶을때!!! emailjs 라는 스크립트를 이용하여 보낼수가 있더라구요! 아직 저도 연동은 못해봤는데! 정리를 잘해주신 글이 있어서 링크 퍼왔습니다! 아래 링크 들어가셔서 연동방법 확인해보시면 금방하실듯 합니다! 참고하세요!! 참고사이트 주소 : sweeteuna.tistory.com/106

[javascript/jquery] 자바스크립트 돋보기 라이브러리 [링크] javascript 돋보기 라이브러리 입니다!! 이건 뭐 설명이 필요없을듯합니다! 말 그대로 특정 영역안에 마우스를 이동시키면 그 위치를 돋보기 처럼 확대 축소 가능하도록 하는 라이브러리 입니다! 생각보다 쓸만한곳이 많을듯 합니다! 참고들하세요!! github.com/fonstok/jfMagnify fonstok/jfMagnify jQuery plugin that creates a magnify glass effect. This plugin will magnify html content, not just images. It does this by cloneing an identified element and its children..

[javascript/jquery] javascript graph library [link] javascript 그래프 라이브러리를 찾아보다가 속도계와 비슷하게 생긴 그래프를 엄청 쉽게, 자유자재로 변경할 수 있는 스크립트 사이트를 찾아서 공유하고자 올려봅니다!!!! 참고하세요! bernii.github.io/gauge.js/ gauge.js Features No images, no external CSS - pure canvas No dependencies (jQuery is supported, but not required) Highly configurable Resolution independent Animated guage value changes (!) Works in all major brow..