jqery 학습 의 6 CSS-css,위치,너비

2424 단어 위치.너비
css(name)는 첫 번 째 일치 하 는 요소 의 스타일 속성 에 접근 합 니 다.Return a style property on the first matched element.반환 값 String 인자 name(String):접근 할 속성 이름 예제 에서 첫 번 째 단락 의 color 스타일 속성의 값 을 가 져 옵 니 다.jQuery 코드:$(p).css("color")css(properties)는'이름/값 쌍'대상 을 모든 일치 하 는 요소 의 스타일 속성 으로 설정 합 니 다.이것 은 모든 일치 하 는 요소 에 대량의 스타일 속성 을 설정 하 는 가장 좋 은 방법 이다.Set a key/value object as style properties to all matched elements.This is the best way to set several style properties on all matched elements.반환 값 jQuery 매개 변수 properties(Map):스타일 속성 으로 설정 할 이름/값 은 예제 에 모든 단락 의 글꼴 색상 을 빨간색 으로 설정 하고 배경 은 파란색 으로 설정 합 니 다.jQuery 코드:$("p").css({color:"\#ff 0011",background:"blue"});속성 명 에"-"가 포함 되 어 있 으 면 따옴표:jQuery 코드:$(p).css({"margin-left":"10px","background-color":"blue"})를 사용 해 야 합 니 다.css(name,value)는 모든 일치 하 는 요소 에 스타일 속성의 값 을 설정 합 니 다.숫자 는 자동 으로 픽 셀 값 으로 변 환 됩 니 다.모든 matched 요소 에서 single style property 를 value 로 설정 합 니 다.number is provided,it is automation converted into a pixel value.반환 값 jQuery 매개 변수 name(value):속성 명 value(String,Number):속성 값 예제 에 서 는 모든 단락 의 글꼴 을 빨간색 jQuery 코드 로 설정 합 니 다.offset()은 현재 시각 에서 일치 하 는 요 소 를 가 져 옵 니 다.돌아 오 는 대상 은 두 개의 성형 속성 을 포함 합 니 다:top 과 left.이 방법 은 보 이 는 원소 에 만 효과 가 있다.Get the current offset of the first matched element relative to the viewport.The returned object contains two Integer properties,top and left.The method works only with visible elements.반환 값 Object{top,left}예제 에서 두 번 째 단락 의 오프셋 HTML 코드 를 가 져 옵 니 다.

Hello

2nd Paragraph

jQuery 코드:var p=$("p:last");var offset = p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top ); 결과:

Hello

left:0,top:35

----------------------------------------------------------------------------------------------------------------------jQuery 1.2 이후 window 와 document 의 높이 를 가 져 올 수 있 습 니 다.this method is able to find the height of the window and document.값 Integer 예제 로 돌아 가 첫 번 째 단계 의 높 은 jQuery 코드 를 가 져 옵 니 다.문서 의 높 은 jQuery 코드 가 져 오기:$(document).height();모든 단락 의 높이 를 20:jQuery 코드 로 설정 합 니 다.width()는 현재 계 산 된 요소 와 일치 하 는 첫 번 째 너비 값(px)을 가 져 옵 니 다.jQuery 1.2 이후 window 와 document 의 폭 을 가 져 올 수 있 습 니 다.this method is able to find the width of the window and document.값 Integer 예제 로 돌아 가 첫 번 째 넓 은 jQuery 코드 를 가 져 옵 니 다.현재 창의 너비 jQuery 코드 가 져 오기:$(window).width();모든 단락 의 폭 을 20:jQuery 코드:$("p").width(20)로 설정 합 니 다.

좋은 웹페이지 즐겨찾기