jquery에서 ajax(아작스)사용하는 방법

jquery

jquery.com

jquery을 소개합니다. jquery는 자바스크립트를 편리하게 사용할수 있도록 만들어진 라이브러리 입니다. jquery의 장점은 가장 많이 사용되는 자바스크립트 라이브러리 중 하나 라는 것입니다. 다이나믹한 웹페이지를 제작하기 위해 자바스크립트는 필수 입니다. 물론 CSS나 플래시 등을 통해서 구현 가능하지만 기본적으로 다이나믹한 웹페이지를 위해서는 자바스크립트를 사용합니다. 그러나 만들순 있지만 쉽게 구현하기는 어렵습니다. 그래서 쉽게 만들수 있도록 jquery를 사용합니다. 사용이 간편하고 효과가 좋아 아주 많은 사람들이 사용하고 있습니다. 사람들이 많이 사용하는 것은 그만한 이유가 있습니다. 저 역시 jquery를 많이 사용합니다. 해당 사이트에서는 사용할수 있는 방법 api가 제공되고 https://api.jquery.com 이미 만들어진 plugin도 존재하여 더욱 쉬운 사용을 도와줍니다. https://plugins.jquery.com 메뉴구성은 Dowload, API Documentation, Blog, Plugins, Browser Support등으로 구성되어 있어 다양한 서비스를 이용할 수 있습니다 jquery는 홈페이지뿐 아니라 트위터등의 채널을 통해 고객들과 더 많이 소통하려 노력하고 있습니다. 자세한 정보를 원하신다면 https://jquery.com 주소를 참고 하시면 더많은 정보를 확인 하실 수 있습니다.

게시글

여러 옵션을 동시에 넣는 방법

투명도,크기,위치 등을 한꺼번에 변경하는 방법이다 show(),hide() 이런 함수는 display만 사용가능하게 된다 이때 투명하게 되면서 display를 할때는 show("fade") 이런방법도 있지만 점점커지면서,투명에서 선명하게 되면서,보여지는 방법을 사용할때는 약간의 한게가 있을수 있다 이때 사용하면 좋은 방법이다 $("#아이디").animate( { width:($(window).width()) ,height:($(window).height()) ,top:0 ,left:0 ,opacity:1 } ,300 ,function(){ } )

게시글

이미지 변경하기 attr()

태그내 속성을 변경하고자 할때 사용하는 attr()함수이다 이미지 변경 뿐만아니라 클래스명 변경 사이즈변경 모든것이 가능하다 이미지 변경하는 방법 마우스 오버시 이미지주소1로 변경된다 $("#_index_banner").attr("src","이미지주소1");

게시글

display가 none인지 display인지 알아내는 방법

jquery로 dispaly의 보여진 상태인지 감추어진 상태인지 알기위해서 여러가지 방법이 있다 그러나 나는 아래와같은 방법을 즐겨사용한다 $("#아이디").css("display") css()함수를 사용해서 none인지 block인지를 구분해서 처리한다

웹상에서 화면 캡쳐하는 플러그인

html2canvas.hertzen.com

포토샵과 같은 응용프로그램으로 화면을 캡쳐하는것이아닌 웹상에서 웹화면을 캡쳐하는 방법입니다 자바스크립트를 활용한 방법이기 때문에 브라우저 내부화면만 캡쳐가능한 단점은 있지만 웹상에서 캡쳐하여 이미지로 저장할수있다는 점은 활용도가 아주 높은 기술입니다 이미지 편집할때 화면 합성과 같은 곳에 아주 유용하게 사용할수 있습니다

게시글

자바스크립트 object 관려 내용을 json 형식으로 확인하는 방법

res 가 object 인경우 alert(JSON.stringify(res)) document.write(JSON.stringify(res)) php 의 var_dump() 함수와 비슷하다고 생각하면된다

게시글

스타일 여러게를 한꺼번에 변경하는 방법

스타일 여러게를 한꺼번에 변경하는 방법 여러옵션을 사용하는 방법이다 {}를 통해서 사용할수 있으며 형식은 {"옵션명1":"값1","옵션명2":"값2"} 이런식으로 사용한다 다음은 예시이다 $(this).css({'border':'2px solid #f9cd00','padding':'0px'}) 하나만 사용할때는 {} 없이 "옵션1","값1" 이런식이다 다음은 예시이다 $(this).css("border","2px solid #f9cd00");

게시글

프레임이 여러게 있는경우 접근하는 방법

parent.parent.$("#아이디1").contents().find("#아이디2").contents().find("#아이디3") 중복으로 contents().find("#아이디") 사용가능하다