Jquery 스타일 작업이란 무엇입니까?

jquery 스타일 작업: 1. css()를 사용하여 일치하는 요소의 스타일 속성을 설정하거나 반환합니다. 2. height()를 사용하여 일치하는 요소의 높이를 설정하거나 반환합니다. 4. offsetParent()를 사용하여 가장 가까운 위치의 조상 요소를 반환합니다.

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

jquery의 스타일 작업

1. css()

css() 메서드는 일치하는 요소의 하나 이상의 스타일 속성을 반환하거나 설정합니다.

구문: ​​

//返回样式属性值
$(selector).css(name)

//设置样式属性
$(selector).css(name,value)
$(selector).css({property:value, property:value, ...})

2.height()

height() 메서드는 일치하는 요소의 높이를 반환하거나 설정합니다.

구문: ​​

//返回样式高度
$(selector).height()

//设置样式高度
$(selector).height(length)

3.width()

width() 메서드는 일치하는 요소의 너비를 반환하거나 설정합니다.

구문: ​​

$(selector).width()
$(selector).width(length)

4.offset()

offset() 메서드는 문서를 기준으로 일치하는 요소의 오프셋(위치)을 반환하거나 설정합니다.

구문: ​​

$(selector).offset()
$(selector).offset(value)

5.offsetParent()

offsetParent() 메서드는 가장 가까운 조상 위치 요소를 반환합니다.

위치 지정 요소는 CSS 위치 속성이 상대, 절대 또는 고정으로 설정된 요소를 나타냅니다.

jQuery나 CSS 위치 속성을 통해 위치를 설정할 수 있습니다.

구문: ​​

$(selector).offsetParent()

6, position()

position() 메서드는 상위 요소를 기준으로 일치하는 요소의 위치(오프셋)를 반환합니다.

이 메서드에서 반환된 개체에는 픽셀 단위로 측정된 상단 및 왼쪽의 두 가지 정수 속성이 포함되어 있습니다.

이 방법은 보이는 요소에만 유효합니다.

구문: ​​

$(selector).position()

7, scrollLeft()

scrollLeft() 메서드는 일치하는 요소의 스크롤 막대의 가로 위치를 반환하거나 설정합니다.

스크롤 막대의 가로 위치는 왼쪽에서 스크롤되는 픽셀 수를 나타냅니다. 스크롤 막대가 가장 왼쪽에 있을 때 위치는 0입니다.

구문: ​​

//返回水平滚动条位置
$(selector).scrollLeft()

//设置水平滚动条位置
$(selector).scrollLeft(position)

8, scrollTop()

scrollTop() 메서드는 일치하는 요소의 스크롤 막대의 수직 위치를 반환하거나 설정합니다.

스크롤 상단 오프셋은 상단을 기준으로 스크롤 막대의 오프셋을 나타냅니다.

이 메서드가 매개변수를 설정하지 않으면 스크롤 막대 상단의 오프셋을 픽셀 단위로 반환합니다.

문법:

$(selector).scrollTop(offset)

관련 튜토리얼 권장 사항: jQuery 비디오 튜토리얼

위 내용은 Jquery 스타일 작업이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!