Dev. Web/JavaScript Jquery (16) 썸네일형 리스트형 JQuery Callback function -1 This is a bold paragraph.This is another bold paragraph. Show Old/New TextShow Old/New HTML [번역] 자바스크립트 클래스를 정의하는 3가지 방법 (3 ways to define a JavaScript class) [출처] http://steadypost.net/post/lecture/id/13/ 자바스크립트 클래스를 정의하는 3가지 방법 소개 자바스크립트는 문법측면에서 아주 유연한 객체지향 언어이다. 이 글에서 객체를 정의하고 생성하는 3가지 방법을 찾을 수 있다. 이미 자주쓰는 방법이 있다 하더라도 다른사람들이 작성한 다른 방법들을 이해하는데 도움이 될것이다. 먼저 자바스크립트에는 클래스라는 개념이 없다는것을 알고 있어야한다. 함수는 클래스를 흉내내기 위하여 사용될 수 있지만 일반적으로 자바스크립트는 클래스가 없는 언어이다. 자바스크립트에서 모든것은 객체이다. 그리고 상속은 객체가 객체로 부터 상속을 받지, 다른 클래스가 있는 언어들처럼 클래스가 클래스로부터 상속받지 않는다. 1. 함수 이용하기 가장 많은 쓰는.. 자바스크립트 이벤트 중단 간단 정리 JQuery 예제1 - 탭을 클릭했을 때 포커스를 변경하는 예제 [출처] 생활코딩 예제1 - 탭을 클릭했을 때 포커스를 변경하는 예제 $('#navigation li').live('click', function() { $('#navigation li').removeClass('selected'); $(this).addClass('selected'); }) #navigation li { list-style:none; float:left; padding:5px; } #navigation { cursor:pointer; } #navigation .selected { background-color:red; color:white; } HTML CSS javascript jQuery PHP mysql [jQuery] 속성, 속성 추가 제거 (attr, removeAttr) 서방님 .attr(attributeName) / version added : 1.0 - 해당 속성 이름의 값을 return 한다. 예) $(document).ready(function(){ $("#test_id").click(function(){ var title = $("#a").attr("title"); $("#b").text(title); }); }); - test_id 라는 id를 가진 요소를 클릭하면 a라는 id를 가진 요소의 title 속성을 b라는 id를 가진 요소에 작성된다. .attr(attributeName, value) / version added : 1.0 - 해당 요소의 속성(attributeName)의 값을 변경시킨다. 예) $(document).ready(function(){ $("#.. .attr() .prop() 왜 나누어졌는가 http://ginpen.com/2011/10/12/jquery-attr-prop/ 번역 jQuery 1.6/1.6.1에서 무었이 있었나?.attr()에서 같이 하던 처리를 .attr()와 .prop()로 나누었다그래서 지금까지 움직였던게 움직이지않아 다시 수정하였다지금까지 .attr()만으로 가능하던 처리를 버전1.6의 업데이트로 인하여 .attr()과 .prop()으로 나누어졌습니다. 버전업을 하면 그대로 움직이는 코드도있고 움직이지않는 코드가 있어 많은 혼란이 발생합니다. 많은 혼란으로 결국 버전업데이트 1.6.1에서 .attr()을 예전처럼 움직일수있도록 다시수정되었습니다. 왜 .attr()을 .prop()으로 나누었는가?원래 따로해야할 문제였다.같이 사용하는 문제로 버그가 많아져버렸다.이건 jQ.. jQuery를 시작하자 ● JQuery란? - 엘리먼트를 선택하는 강력한 방법과 - 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 - 자바스크립트 라이브러리 = > 1. 자바스크립트 요소 중 DOM 부분을 좀 더 쉽게 사용하게 해 주는 라이브러리 2. 기존 자바스크립트에 비해 생산성이 월등히 높다 - 자바스크립트 코딩 3~40 줄, 제이쿼리는 4줄이면 가능! ● 기본 문법 $(제어대상).method()1.method()2 주어 서술어 [출처] 개발이 하고 싶어요 블로그 [jQuery] jQuery를 시작하자 (1) jQuery 란? jQuery(제이쿼리)는 브라우저 호환성이 있는 HTML 속 자바스크립트 라이브러리이며 클라이언트 사이드 스크립트 언어를 단순화 할 수 있도록 설계되었다. 존 레식이 2006.. event.keyCode 번호표 ============================================================= 키 | 코드(숫자) ============================================================= ←(백스패이스) = 8 TAB = 9 ENTER = 13 SHIFT = 16 CTRL = 17 ALT = 18 PAUSEBREAK = 19 CAPSLOOK = 20 한/영 = 21 한자 = 25 ESC = 27 스패이스 = 32 PAGEUP = 33 PAGEDN = 34 END = 35 HOME =36 ←(중간) = 37 ↑(중간) = 38 →(중간) = 39 ↓(중간) = 40 0 = 48 1 = 49 2 = 50 3 = 51 4 = 52 5 = 53 6 = 54 .. 이전 1 2 다음
