공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
mouseenter, mouseleave - 마우스 진입, 벗어남 감지

.mouseenter( handler(eventObject) )Returns : jQuery 개요 : 요소에 마우스가 진입했을 때의 이벤트를 바인딩 하거나 특정 요소에 이벤트를 발생시킵니다. .mouseenter( handler(eventObject) ) mouseenter(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseenter( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseenter( ) .mouseleave( handler(eventObject) )Returns : jQuery 개요 : 요소에서 마우스가 떠날때의 이벤트..
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:48
.animate - 움직이기

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $("#image").animate({opacity:0},0); $("#image").animate({opacity:1},600); $( "#go2" ).click(function(){ $( "#block2" ).animate({ width: "90%" }, 1000 ) .animate({ fontSize: "24px" }, 1000 ) .animate({ borderLeftWidth: "15px" }, 1000 ); }); $( "#go" ).click(function(){ $( ".block:first" ).animate({ left: 100 }, { duration: 1000, step: function( now,..
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:46
.height() - 높이값

함수들 height( ) .height() height( value ) .height( value ) .height( function(index, height) ) example) 1 2 3 _stageWidth = $(window).width(); _stageHeight = $(window).height() $("#titleConatiner").height();
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:45
.removeClass - 클래스제거

전체제거, 선택제거 1 2 3 $("#title").removeClass().addClass("title"+_active1); $("p:odd").removeClass("blue under");
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:44
attr() - 속성제어 실제코드

scr 제어 1 $("#image").attr("src", imgArr[_active1][_active2]);
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:43
.ready - DOM 전체가 로드되면 기능이 실행

사용법 1 2 3 $(document).ready(function() { // Handler for .ready() called. }); 실무코드 1 2 3 $(document).ready(function (){ init(); });
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:43
.css - 속성제어

.css() 원문 링크 http://api.jquery.com/css/ 함수들 css( propertyName ) .css( propertyName ) css( propertyName , value ) .css( propertyName, value ) .css( propertyName, function(index, value) ) .css( map example) 1 2 3 4 5 var color = $(this).css("background-color"); var myX = $(".textImg0").css("left"); $( this ).css( "width","+=200" ); 1 : color 변수에 현재의 배경색을 가져옴 3. myX 변수에 textImg0 이라는 css 클래스에있는 left..
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:41
click - 클릭

example) 1 2 3 4 5 6 7 8 9 10 11 $("#btn2").click(function(){ console.log("btn2 clicked"); boxClass.boxHandler(); }); $("#prevBtn").mousedown(leftDownHandler).mouseup(leftUpHandler); $("#nextBtn").mousedown(rightDownHandler).mouseup(rightUpHandler); $("#active2_0").click(function(){chageImage(0)}); $("#active2_1").click(function(){chageImage(1)}); $("#active2_2").click(function(){chageImage(2)})..
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:39
id, class, style - 속성제어 3가지방법

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 1_1. $("#i..
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:27
구글 제이쿼리 라이브러리

Google AJAX Libraries API에서 제공하는 라이브러리는 모두 "gzip"으로 불리는 압축형식으로 되어있어 전송량을 대폭 줄일 수 있다. 사용자가 과거 Google AJAX Libraries API를 사용했던 웹페이지에 접속했다면 자바스크립트 파일이 캐시되어 있기 때문에 페이지 로딩 속도가 향상되는 이점을 기대할 수 있다. http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:24
1 2 3 4 5 6