[JQuery] JQuery UI 설정 및 확인 방법 무슨 설명이 더 필요할까? 그냥 화면 캡쳐면 다 이해 하겠지? 중간에 문제가 있네?보니까 이미지 파일이라던가 css, js 파일을 resources에 넣어서 관리를 해야 하는데 그냥 web-inf에 넣었다자 아래와 같이 경로를 변경한다.

JQuery validation Plugin - visual Studio에 내장된 Plug In으로 매우 유용함 Cross Domain - 이 부분에 대한 내용 설명이 진행되었다. Plug in 종류 1, UI 와 관련된 것 2. UI 와 관련 없는 것 Plug in 제작js : Jquery.acc.jscss : jquery.acc.css case 1$.fn.accordion = function(){utilA();}; function utilA(){....} 위의 경우는 전역 변수에 utilA()를 할당 하므로 좋지 않다. case 2 위의 문제 해결(function($){ $.fn.accordion = function(){utilA();}; function utilA(){....} })(Jquery);..

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..