Language/JQuery

제이쿼리(jQuery) - 추출

Jessi :D 2021. 3. 23. 23:15

.size()

선택한 요소 배열의 길이를 반환 - version deprecated: 1.8, removed: 3.0

-

var num = $("div").size(); 

▶ num은 div의 배열 크기를 숫자로 반환한다. 

 

.length

선택한 요소의 배열의 길이를 반환한다.

-

var num = $('div').length; 

▶ num은 div의 배열 크기를 숫자로 반환한다 

 

.offSet()

선택한 요소의 전체 문서 내(document)에서의 left, top 좌표를 구한다.

-

var offset = $('div:last').offset(); 

▶ div 마지막 요소의 left, top 좌표 반환 offset.left / offset.top

 

.position()

선택한 요소의 부모요소를 기준으로 left, top 좌표를 구한다.

-

var position = $('div:last').position(); 

▶ div 마지막 요소의 부모로부터의 left, top 좌표 반환 position.left / position.top

 

.scrollLeft()

선택한 요소의 스크롤바의 수평 위치(x좌표)를 얻거나 변경한다.

-

var x= $('div:last').scrollLeft(); 

▶ div 마지막 요소의 현재 수평 스크롤 x좌표를 반환한다.

var x= $('div:last').scrollLeft(300);

▶ div 마지막 요소의 수평 스크롤 x좌표를 300으로 이동한다.

 

.scrollTop()

선택한 요소의 스크롤바의 수직 위치(y좌표)를 얻거나 변경한다.

-

var x= $('div:last').scrollTop(); 

▶ div 마지막 요소의 현재 수직 스크롤 y좌표를 반환한다.

var x= $('div:last').scrollTop(300);

▶ div 마지막 요소의 수직 스크롤 y좌표를 300으로 이동한다.

 

$.type() <jQuery.type()>

인자의 obj의 type을 반환한다.

-

$.type(undefined) === "undefined" //

$.type() === "undefined" //

$.type(null) === "null" //

$.type(true) === "boolean" //

$.type(3) === "number" //

$.type("test") === "string" //

$.type(function(){}) === "function" //

$.type([]) === "array" //

$.type(new Date()) === "date" //

$.type(/test/) === "regexp" //

 

$.now() <jQuery.now>

현재 시간을 number로 반환

-

$.now()

▶ result : 1340954729007 (new Data).getTime(); 

 

$.fx.interval<jQuery.fx.interval>

브라우져 애니메이션 프레임 조절

-

$.fx.interval = 1000; 

▶ 프레임을 1000으로 변경한다.

 

$.fx.off<jQuery.fx.off>

모든 애니메이션 효과를 전역적으로 끈다.

-

$.fx.off = true; 

▶ 애니메이션 효과를 끈다.

 

반응형