-------------------------------------------------------------------------
■ .addClass()
선택된 element의 클래스를 추가
.addClass( className )
- version 1.0
.addClass( function(index, class) {} )
- version 1.4
- index 번째(0번부터), class : element의 현재 설정되어있는 class명
■ .css()
[getter]
.css( propertyName )
- version 1.0
- 선택된 element의 propertyName에 해당하는 설정된 css정보를 리턴한다. (get)
[setter]
.css( propertyName, value )
- version 1.0
- 선택된 element의 propertyName에 해당하는 설정된 css정보를
설정한다.
- (예) $("span").css("background-color","yellow"); //단일 설정
.css( propertyName, function(index, value) )
- version 1.4
- index 번째(0번부터), value : propertyName에 해당하는 설정된 css정보
.css( map )
- version 1.0
- map형태로 입력함 {key:value}
- (예) $("span").css({"width":"100px","height":"100px"}); // 복수 설정
■ .hasClass()
.hasClass( className )
- version 1.2
- 선택된 element의 class가 className 할당 되어있는지 유무를 확인한다.
- true / false
■ .removeClass()
.removeClass( [ className ] )
- version 1.0
- 선택된 element의 className에 해당하는 class를 삭제한다. (단일, 복수 삭제가능)
- (예) $('p').removeClass('myClass noClass').addClass('yourClass');
.removeClass( function(index, class) )
- version 1.4
- index 번째(0번부터), class : 이전 클래스명
■ .toggleClass()
.toggleClass( className )
- version 1.0
- 선택된 Element의 className을 설정유무에 따라 반복적으로 class를 설정/해제한다.
.toggleClass( className, switch )
- version 1.3
- [switch]는 boolean값으로 조건값 true이면 토글형태로 동작한다.
.toggleClass( function(index, class), [ switch ] )
- version 1.4
■ .width()
[getter]
.width()
- version 1.0
- 선택된 첫번째 element의 가로 길이값을 가져온다.
- .css('width') 과 .width()의 차이점은 단위없이 리턴한다.
- 예를들어 400px 에서 px이 없음
[setter]
.width( value )
- version 1.0
- 선택된 element의 가로 길이값을 설정한다.
- 100px, 50%, or auto 처럼 단위를 설정하지 않는다.
.width( function(index, width) )
- version 1.4.1
- 선택된 element의 가로 길이값을 설정한다.
- index 번째(0번부터), width : 이전 width 값
■ .innerWidth()
[getter]
.width()
- version 1.2.6
- 선택된 첫번째 element의 border길이를
제외한 padding길이를 포함한 가로 길이값을 가져온다.
■ .outerWidth()
[getter]
.outerWidth()
- version 1.2.6
- 선택된 첫번째 element의 padding, border, and optionally margin 길이를 포함한 가로 길이값을 가져온다.
- (예) $(selector).outerWidth() , $(selector).outerWidth(true)
■ .height()
[getter]
.height()
- version 1.0
- 선택된 첫번째 element의 세로 길이값을 가져온다.
- .css('height') 과 .height()의 차이점은 단위없이 리턴한다.
- 예를들어 400px 에서 px이 없음
[setter]
.height( value )
- version 1.0
- 선택된 element의 세로값을 설정한다.
- 100px, 50%, or auto 처럼 단위를 설정하지 않는다.
.height( function(index, height) )
- version 1.4.1
- 선택된 element의 세로값을 설정한다.
- index 번째(0번부터), height : 이전 height 값
■ .innerHeight()
[getter]
.width()
- version 1.2.6
- 선택된 첫번째 element의 border길이를 제외한 padding길이를 포함한 세로 길이값을 가져온다.
■ .outerHeight()
.outerHeight()
- version 1.2.6
- 선택된 첫번째 element의 padding, border, and optionally margin 길이를 포함한 세로 길이값을 가져온다.
- (예) $(selector).outerHeight() , $(selector).outerHeight(true)
■ .offset()
[getter]
.offset()
- version 1.2
- 현재 문서(document)로부터 선택된 첫번째 Element의 현재 좌표(오프셋)를 리턴한다.
- (예) $(selector).offset().left, $(selector).offset().top
[setter]
.offset( coordinates )
- version 1.4
- 선택된 Element의 현재 좌표(오프셋)를 변경한다.
- (예) $("p:last").offset({ top: 10, left: 30 });
.offset( function(index, coords) )
- version 1.4
- index 번째(0번부터), coords : 이전 좌표값
■ .position()
[getter]
.position()
- version 1.4
- 부모 Element로 부터의 현재 좌표
- (예) $(selector).position.left, $(selector).position.top
■ .scrollTop()
[getter]
.scrollTop()
- version 1.2.6
- 선택된 첫번째 Element의 스크롤바 수직 위치를 리턴한다.
[setter]
.scrollTop(value)
- version 1.2.6
- 선택된 Element의 스크롤바 수직 위치를 설정한다.
- value = integer
■ .scrollLeft()
[getter]
.scrollLeft()
- version 1.2.6
- 선택된 첫번째 Element의 스크롤바 수평 위치를 리턴한다.
[setter]
.scrollLeft(value)
- version 1.2.6
- 선택된 Element의 스크롤바 수평 위치를 설정한다.
- value = integer
