본문 바로가기

jQuery10

jquery scrollTop(), position() 맨위 [맨아래로 이동] 맨 아래 [맨위로 이동] dd 해당 페이지 맨위와 divb(맨 아래)로 애니메이션 이동 확인:http://azit4u.phps.kr/jquery/scrollTop.html 2011. 10. 27.
jQuery preventDefault(); 하이퍼 링크가 작동 하지않는다. $(".roll").click(function(event) { event.preventDefault(); }); 2011. 10. 17.
jQuery hover(), toggleClass(), toggle() hover(마우스오버시 이벤트,마우스아웃시 이벤트) $("#button").hover( function() { $(this).addClass("hover"); }, function() { $(this).removeClass("hover"); } ); $("#button").hover(function(){ $("#button").toggleClass("hover"); }); 위 두 소스는 같은 결과를 출력 toggleClass() - 선택한 엘리먼트에 클래스가 이미 적용되어 있으면 해당 클래스를 제거 하고 그렇지 않으면 해당 클래스를 적용 한다. toggle(handler0,handler1) - 선택한 엘리먼트에 두개 이벤트 연결 한번 실행 마다 0,1 의 핸들러 함수 실행 $("#button").togg.. 2011. 10. 14.
jQuery css .css(propertyName,value) - 기본적 형태 css( 속성명 , 속성값) $(".box").css("width","100px"); .css(propertyName,function(index,value) { }) - function 사용 자신이 원하는 기능 확장 // index는 선택한 개체 순서, value 는 해당 개체의 현재 속성값 $("#inText").css("color",function(index,value) { if(value=="rgb(0, 0, 255)"){ //color 가 rgb(0, 0, 255) 이면 red로 변경 return "red"; } }); .css(map) - 맵형태로 입력 {key:value} $("#button").bind("mouseover", fun.. 2011. 10. 14.