본문 바로가기

제이쿼리19

[jQuery] 제이쿼리로 만들어진 막강한 기능의 정말 괜찮은 tree - zTree jQuery로 만들어진 정말 막강한 기능의 zTree를 소개해 드리겠습니다. http://www.ztree.me/위 링크 클릭하시면 zTree에 관한 모든 것을 보실 수 있구요. 데모는 물론 소스도 다운로드 가능합니다. 그렇다면, zTree에 어떤 기능이 있는지 간략하게 알아보겠습니다. 제가 소개해 드리는 기능 외에도 여러분이 원하는 웬만한 기능은 다 있으니 사이트를 방문해 보시기 바랍니다. 1. 기본 트리 2. 아이콘 변경 및 추가 기능 3. 체크박스 및 라디오버튼으로 체크하기 4. 좌측 트리에서 Drag하여 우측에 새로운 트리 만들기 5. 트리 추가/수정/삭제 기능 6. 페이지 기능 - 우측 상단 아이콘을 눌러서 페이지를 트리에 뿌려줄 수 있습니다. 7. Box + Tree 결합 구조 이외에도 Aja.. 2015. 3. 23.
[jQuery]제이쿼리에서 이벤트핸들러의 함수를 강제(자동으)로 실행하는 trigger 명령어 $("[name=textStr]").trigger("focus"); name=textStr 인 객체의 focus() 이벤트를 발생시키라는 명령입니다. 즉, trigger("이벤트명")으로 어떤 이벤트든 해당 객체의 이벤트를 발생시킬 수가 있습니다. 자동으로 부모창이나 팝업창의 버튼을 클릭하고 싶을 때 사용하면 편리합니다. 다른 사람이 만든 소스의 해당 객체의 이벤트를 발생하면 어떤 명령이 실행되는지 잘 모를 때 실행하면 아주 편리합니다. 위 예제에서는 버튼을 클릭하면 inputbox의 focus() 이벤트를 강제 실행하고 있습니다. 2015. 1. 22.
[jQuery] 제이쿼리에서 json 변수 사용(활용)법 jQuery에서 json 변수를 사용하는 방법은 마치 자바스크립트 배열을 사용하는 것처럼 간단하고 편리합니다. push() 메소드를 이용해서 변수를 원하는대로 넣을 수 있습니다.jsonObj.push({ grade: "1학년", name: "김철수", number: "1번", height: "177cm", ... }); json 변수의 값을 가져올 때는 .grade, .name, .number 처럼 속성만 표시하면 됩니다.for(i = 0; i < jsonObj.length; i++) { jsonObj[i].grade +" "+ jsonObj[i].name +" "+ jsonObj[i].number } 각 index 별로 호출하려면 jsonObj[0].grade, jsonObj[1].grade, json.. 2014. 12. 24.
[jQuery] .clone()으로 Dom 요소 복사하기 $(document).ready(function() {$( "b" ).clone().prependTo( "p" );}); $(document).ready(function(){...}); => 화면이 모두 로드되고 이미지를 불러오기 전에 실행하라는 뜻입니다. $( "b" ).clone() 은 b 태그 요소를 복사하라는 뜻입니다. prependTo( "p" ) 는 p 태그 요소 앞에 추가하라는 뜻입니다. 안녕! 좋은하루 되세요. 이렇게 구현돼 있던 게 $( "b" ).clone().prependTo( "p" ); 이 명령이 실행됨으로 아래처럼 구현이 됩니다.안녕!안녕! 좋은하루 되세요. 2014. 12. 6.