6. jQuery CSS

6. jQuery CSS

 ■ jQuery API CSS

 ο CSS
  1) css(name)
      - 의미
         최초의 요소가 가진 style 속성의 값을 리턴

 

   2) css(properties)
      - 의미
        매개변수로 전달된 객체에 키로 명시한 CSS 속성을 일치하는 엘리먼트의 해당 값으로 설정한다.
      - 매개변수
        properties: (Object)확장 집합에 속한 모든 엘리먼트에 설정할 CSS 속성을 포함한 객체
      - 반환값 : 확장집합

 

   3) css(name, value)
      - 의미
        일치하는 각 엘리먼트에 name 매개변수의 CSS 속성을 value 값으로 설정한다.
      - 매개변수
         value: (String|Number|Functioin)프로퍼티 값을 포함하는 문자열, 숫자, 함수.
      - 반환값 : 확장집합

• 사용예
          $("div.expandable").css("width", function(){
               return $(this).width() + 20 + "px";
          });

   

 ο Positioning
   1) offset()
      - 의미
        최초의 요소의, 현시점에서의 표시 위치로부터의 오프셋을 취득

 

   2) position()
      - 의미
        top, left(을)를 친요소로부터의 오프셋으로 취득
        position().top
        position().left

 

   3) scrollTop()
      - 의미
        현재의 스크롤 최상 위치를 취득

 

   4) scrollTop(val)
      - 의미
        스크롤 상 위치를 지정
  
   5) scrollLeft()
      - 의미
        현재의 스크롤상의 왼쪽 위치를 취득

 

   6) scrollLeft(val)
      - 의미
        스크롤 왼쪽 위치를 지정

 ο Height and Width
   1) height()
      - 의미
        최초의 요소의 높이를 픽셀로 리턴
  
   2) height(val)
      - 의미
        모든 요소의 높이를 설정
  
   3) width()
      - 의미
        최초의 요소의 가로폭을 픽셀로 리턴
  
   4) width(val)
      - 의미
        모든 요소의 가로폭을 설정
  
   5) innerHeight()
      - 의미
        최초의 요소의 내부 높이(border 제외한 padding)를 취득

 

   6) innerWidth()
      - 의미
        최초의 요소의 내부 가로폭(border는 제외한 padding)를 취득

   7) outerHeight([options])
      - 의미
        최초의 요소의 외부 높이(border, padding(을)를 포함)(을)를 취득

 

   8) outerWidth([options])
      - 의미
        최초의 요소의 외부 가로폭(border, padding(을)를 포함)(을)를 취득