반응형

program/javascript 7

JQuery CSS Selector 예

$(this) → 현재 HTML 엘리먼트$(“p") → 모든 엘리먼트$(“p.intro") → class="intro"인 모든 엘리먼트$(“p#intro") → id="intro"인 모든 엘리먼트$(“p#intro:first") → id="intro"인 첫 번째 엘리먼트$(“.intro") → class="intro"인 모든 엘리먼트$(“#intro") → id="intro"인 첫 번째 엘리먼트$(“ul li:first") → 첫 번째 ul의 첫 번째 li 엘리먼트$(“ul li:first-child") → 모든 ul의 첫 번째 li 엘리먼트$(“[href$='.jpg']") → ".jpg"로 끝나는 href 특성을 가진 모든 엘리먼트$(“div#intro .head") → id="intro"인 div ..

program/javascript 2013.08.09

JQuery 이벤트 , 메소드

JQuery 이벤트 , 메소드 JQuery e.preventDefault() - 대상을 클릭했을때 발생하는 이벤트를 방지(링크 이동 등등 막기)$(this) - 현재 이벤트가 적용된 개체 (DOM).ready(fn); - 페이지 로딩시 fn 실행.click(fn); - 클릭시 fn 실행.one(fn); - 딱한번만 이벤트가 실행되고 해제됨.dblclick(fn) - 더블클릭시 fn실행.blur(fn) - 포커스를 잃었을때 fn실행.focus(fn) - 포커스를 얻었을때 fn실행.toggle(fn1,fn2); - 클릭시 fn1 과 fn2을 번갈아 실행.scroll(fn) - window 창에서 scroll 이벤트가 발생할때마다 콜백함수 fn 을 실행.change(fn) - 대상이 바뀌는 지 감..

program/javascript 2013.04.23

Class Type

2009년 09월 22일 [번역] Private Members in JavaScript -Douglas Crockford http://javascript.crockford.com/private.html JavaScript 는 세상에서 가장 오해받는 언어이다. 일부에선, private (속성의;역자) instance 변수와 메소드의 부재로 인해, 객체의 '정보 은닉' 기능이 결여되어 있다고 믿기도 한다. 그러나 이것은 오해다. JavaScript 객체는 private 멤버를 가질 수 있다. 여기 해답이 있다. Objects JavaScript 는 근본적으로 거의 object 이다. Array type도 object 이고, Function type도 object 이며, Object type도 object 이..

program/javascript 2009.11.06

javascript oop

이 페이지는 어떻게 자바스크립트에서 클래스의 private 변수와 메소드를 생성하는지 person이라는 간단한 예제를 통하여 보여줍니다. Part 2 는 상속을 다루겠습니다. 요약 private 변수는 객체 안에서 'var' 키워드로 선언된다, 그리고 private 함수와 privileged 메소드만이 접근 할수 있다. private 함수는 객체의 생성자 안에서 선언된다. (또는 다른 방법으로 varfunctionName=function(){...} 이와 같은 방법을 통해 선언이 가능하다) 그리고 privileged 메소드에 의해서만 호출이 가능하다. (객체의 생성자를 포함해서). privileged 메소드는 다음과 같이 선언한다. this.methodName=function(){...} 객체 바깥의 코..

program/javascript 2008.09.17