Easy for anyone.

웹 프런티어와 함께 하는 jQuery 기초강좌 12th - jQuery Traverse(탐색) 세 번째 이야기 - Tree Traversal 탐색(Traverse) 메서드의 마지막 시간으로 이번에는 Tree 와 관련된 메서드에 대해 알아 보도록 하겠습니다. Tree Traversal Tree하면 생각나는 그 강좌가 있지 않으시나요 ? Hierarchy Selector진행 시 HTML DOM에 대한 내용 기억하시나요 ? 이번 시간도 DOM을 이용하는 부분이니, 혹시라도 기억이 나지 않으시면 미리 한번 확인을 해 보시고 이번 강좌를 보시면 도움이 많이 되지 않을까 합니다. 이전에 작성했던 강좌와 동일하게 우선 jQuery에서 지원하고 있는 메서드의 목록을 알아 보도록 하겠습니다. 아래에 나열된 목록과 설명은..

이번 강좌에서는 펼침목록 만들기를 해보겠습니다. jQuery 를 처음 접하시는 분은 강좌 1부분부터 보시는걸 권장합니다. 그럼 예제1 부분에서 h3 엘리먼트 영역을 클릭시 아래의 엘리먼트 영역이 사라지는 것을 보도록 하지요. 소스 코드는 아래와 같습니다. $(document).ready(function(){ // 예제1 코드 $("#first h3").toggle(function(e){ // 선택자에 toggle이라는 이벤트를 주었습니다. e.preventDefault(); // 아직은 신경쓰지 않으셔도 되는 부분 $(this).next().slideUp(); //next()와 slideUp() 이라는 메서드가 보입니다. },function(e){ e.preventDefault(); $(this).nex..

window.onload = function() { var isMobilePage = (window.location.href.indexOf('/m/') != -1); if(isMobilePage) { var newHref = window.location.href; newHref = newHref.replace('/m/post/view/id/', '/'); newHref = newHref.replace('/m/', '/'); goPcPage(newHref, 'tistory.com'); } }; '--# Option Explicit를 최상단에 넣는다. Option Explicit 지정시 반드시 변수를 선언하고 사용해야된다..