개발자의 끄적끄적

[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] 자바스크립트 돋보기 라이브러리 [링크] 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..

[javascript/jquery] jquery datasheet library [링크] jquery 라이브러리를 찾아보던중 데이터 테이블 즉, 정렬 등 유용하게 사용할 수 있는 라이브러리를 찾아서 공유하고자 링크 달아봅니다! 사용법도 엄청 간단하니까, 쉽게 사용 가능하실꺼예요! 참고하세요!! jquery datasheet library url datatables.net/ DataTables | Table plug-in for jQuery DataTables Table plug-in for jQuery Advanced tables, instantly DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool..

[javascript/jquery] jquery checkbox 선택 / 해제 방법 jquery 에서 특정 체크박스를 체크하거나 해제하는 방법입니다. 아래는 기본 사용법입니다. $("input:checkbox[id='체크박스아이디']").prop("checked", true); 위 내용을 보시면 아시겠지만, prop에 checked 를 true 로 주면 체크 prop에 checked 를 false 로 주면 체크해제가 됩니다. 위는 id 를 체크하거나 해제하는 예제이지만, [id='체크박스id'] 이부분을 [name='체크박스name'] 이렇게 변경하면, 특정 이름을 갖고 있는 체크박스를 체크/해제 할 수 있습니다. 참고하세요!