개발자의 끄적끄적

[javascript/jquery] jquery 화면 캡처 라이브러리 사이트[링크] jquery 라이브러리들이 유용한것들이 참 많이 있는데요! 그중에서 현재 브라우저의 화면을 캡쳐하는 라이브러리가 있습니다! 저도 사이트가서 데모 실행해보고 너무 실용적일 수 있다는 생각에 공유하고자 링크 공유하고자 합니다! 아직 사용은 못해봤지만, 조만간 프로젝트에 사용해보려고 합니다! 참고들 하시구요! 아래 링크 가셔서 확인해보세요! 화면 캡쳐 라이브러리 링크 : html2canvas.hertzen.com/ html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the cu..

[javascript/jquery] jquery 엘리먼트의 요소 추출하는 방법 jquery 에서 특정 엘리먼트의 클리스명이나 아이디, name 등의 요소 정보를 뽑아내야 할 경우가 있습니다! 그럴때 아래와 같은 방법으로 하시면 됩니다! 1. 우선 타겟 엘리먼트를 변수에 담는다. var ele = $("TARGET"); 2. 변수에 담긴 엘리먼트에서 원하는 요소를 attr 로 꺼낸다. var className = ele.attr('class'); 위 예제는 특정 엘리먼트의 클래스명을 알고 싶을때 사용하는 방법입니다. name 혹은 id 를 알고 싶을대는 attr('class') 를 attr('id') 나 attr('name') 으로 변경해서 사용하시면 됩니다. 참고들 하세요!

[javascript/jquery] jquery 자식 요소 갯수 구하는 방법 jquery 로 특정 element 의 하부 element 의 갯수를 조회하는 방법입니다. $(target).children().length 위 내용 보시면 아시겠지만, target element 의 자식 요소들의 갯수를 구하는 내용입니다. 참고들 하세요!

[javascript/jquery] datatable.js 소개 및 사용법 jquery 플러그인들 중에서 테이블 형식을 제공하고, 정렬 페이징 등등 이 쉽게 가능한 datatable 플러그인이라는게 있습니다. 우선 아래 css 와 js 를 로드하고 cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js 아래 내용처럼 적용시킬 타겟 아이디 혹은 클래스 등을 입력해서 동작시켜 주면 됩니다. $(document).ready( function () { $('#myTable').DataTable(); } ); .DataTable 안에 옵션들 및 데이터들을 주어 적용하고 ..

[javascript/jquery] unrecognized expression 원인 및 해결 방법 jquery 에서 아래처럼 name을 img[] 를 가지는 모든 것들을 지워보고자 했는데. $("input[name=img[]]").remove(); 실행해보니, unrecognized expression 에러가 납니다. 즉, 특수문자 관련 에러가 발생하는 부분입니다. 잘 살펴보면 name=img[] 가 아니라 name='img[]' 이렇게 처리를 해줘야 합니다!

[javascript/jquery] jquery .html() 과 .text() 사용법과 차이점 jquery 에서 특정 타겟의 내용을 뽑아오고 싶을때 사용하는 함수가 .html() 과 .text() 입니다. 비슷하지만 약간의 차이가 있습니다. 아래는 .html() 기본 사용법입니다. $("타겟").html(); .html() 은 타겟으로 지정된 노드의 내용을 html 형식으로 태그를 포함해서 추출해 줍니다. 아래는 .text() 기본 사용법입니다. $("타겟").text(); .text() 는 타겟으로 지정된 노드의 내용을 html이 아닌 text 형식으로 태그를 제외 하고 추출해 줍니다.

[javascript/jquery] jquery 특정 노드 갯수 및 특정 노드 찾기 jquery에서 특정 노드의 갯수를 구하거나, 특정 노드중 특정 순번에 있는 노드를 찾으려고 하는 경우에 사용하는 방법입니다. 우선 특정 노드의 갯수를 구하는 방벙입니다. $대상.length; 특정 노드중 특정 순번에 있는 노드를 찾으려고 하는 경우에 사용하는 방법 $대상.eq(index); 위 내용들을 보시면 다들 아시겠지만, $대상 이라고 하는 부분은 $("#아이디") $(".클래스") 처럼 선언해서 사용하시면 됩니다! 참고하세요!

[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..