Dev. Web (37) 썸네일형 리스트형 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 3 4 5 다음