Jquery Plug-in 사용 방법 http://medienfreunde.com/lab/innerfade/ 맨 아래 zip을 다운 받는다.압축을 푼면 js, css, image들이 있다. js 소스를 web-inf 안에 넣어서 사용한다.이 소스가 매우 간단하므로 분석을 하면 된다. 참고로 아래의 부분은 에니메이션에서 해당 위치에서 크기가 커지는 부분을 소스로 짠 부분이다.유용할 수 있을 것 같다. (쓸일이 있을지 모르겠지만..) $("img.han").animate({left : "+=100"},3000).animate({top : "+=200"},3000).animate({width : $("img.han").width()*2,height : $("img.han").height()*2,top : "-..

jquery cheat sheet 를 구글 창에서 검색을 하면아래의 URL 이 나온다. 일종의 도움말 같은 Site로 매우 유용하다. http://oscarotero.com/jquery/ 참고로 이런 이벤트는 Jquery 버전별로 많이 다르므로 참고 바란다. 원래 Jquery는 아래와 같은 함수의 param을 가지고 있다. $("div.detail").click(function(){$("h1", this) //1$(this).find("h1") //2}); 1과 2의 의미는 똑같다.그런데 1과 2중에서 그럼 뭘 써야 할까?답 : 1번을 쓰면 내부적으로 2번 코드로 바꾼다. 따라서 2번으로 사용하면 된다. JQuery = function(selector, context){ context는 생략할수 있는데 ..

15장_manipulation ** Selector로 선택된 엘리먼트가 여러개일 때 * 값의 설정은 모든 엘리먼트에.. * 값의 획득은 첫번째 엘리먼트 것만.. 1. CSS 관련 가. addClass(), removeClass(), toggleClass() $("#a").addClass("main"); $("#a").removeClass("test"); 기업소개CEO사업영역연락처기업소개CEO사업영역연락처 토글 클래스를 이용한 재미난 소스이다.버튼을 체크 박스 형식의 UI로 만들었다. 나. css(name, value) : 416p 사용방법도 제공! : css 값을 설정하거나 값을 획득함. $("#a").css("color", "blue");//값 설정 var c = $("#a").css("color");..

** 왜 Traversing 기능이 필요 할까? => 문서 전체에 Find-> Select 하는 작업을 반복하면 성능 급격히 저하!! 1. filter() $("div").css("color","blue").filter(".main").css("font-size","20pt"); $("div").css("color","blue"); $("div.main").css("font-size","20pt"); *************가장 많이 쓴다 find()*************2. find() $("#products").css("color","blue").find("tr").css("font-size","20pt"); var p = $("#products").css("color","blue"); p.find..

강의 요약메인 교제 184의 내용프로토 타입을 설명 하기 위함 프로토 타입이란?Prototype Chain 객체를 사용할 떄 공용으로 사용되는 함수가 있다면 프로토 타입이란 함수를 만들어서 사용해야 한다. 가장 기본적인 Jquery 사용 template 엘리먼트(element)와 tag의 차이 존재함 -> tag ->1 안녕? ->2 -> tag ->31,2,3 라인을 걸쳐 div element라고 그런다. *Selector 김수한무거북이와 두루미삼천갑자동박삭중복된 ID는 어찌 선택 될까?치치카프사리사리센터 ID > TAG > Class >.....> attribute selector 1 2 3 4tip : 크다라고 한 쪽이 속도가 빠르다. 되도록이면 ID 속성으로 찾는게 더 좋다. - 2번 방법 : $..

1일 내용 요약 정리 - Javascript 사용 - 크롬 브라우져 사용 F12 키를 이용한 console.log, console.dir(object)를 사용 - 이클립스에서 html 파일을 열 때 2번 값으로 설정(크롭 브라우져를 기본 값으로 사용하더이다.) 순서 1 : Window > Web Browser > 1. Default System Web Browser 순서 2 : 크롬을 기본 브라우져로 설정 순서 3 : 이클립스에서 html을 실행하여 크롬 브라우져에서 확인 가능 - Closure 의 설명 Stack 구조로 설명 var, 함수 등등 한층 한층 쌓인다. - Var는 내가 알고 있던 Var가 아니다. 변수 선언이 아니라 파싱되면서 할당 해주는것 짜잘한 팁 - General > appearanc..