List

금요일, 12월 25, 2015

Jquery - outerHTML / mousemove / position / animate


  • $("#testdiv").clone().wrapAll("<div/>").parent().html();를 하면 됨
  • 선택한 엘리먼트 집합의 복사본을 만들고 wrapAll을 이용해서 div로 전체를 감싸버린 뒤 parent()로 div로 올라가서 그안에 html()을 가져오면 $("#testdiv") 자체의 HTML을 가져올 수 있다
  • div는 불가능!

1
 $test02=$(".test02").clone().wrapAll("</div>").html();
cs

  • 문서 내에서 마우스가 움직일 때 해당 마우스의 좌표값을 구하는 로직
1
2
3
  $(document).mousemove(function(e){
       console.log(e.pageX + ', ' + e.pageY);
    });
cs
  • position() 함수
    • 선택한 객체의 위치를 이동시키는 함수 { }  안에 option 설정 가능
    • 속성값

      • of : 포지션을 이동할 target 객체를 설정 가능
1
    $(".test02").position({of:"#test05"});
cs

댓글 없음:

댓글 쓰기