코드랩 레퍼런스

.wrapInner() 메서드는 선택한 각각의 요소에 HTML 요소를 추가합니다. Definition .wrapInner() 메서드는 선택한 각각의 요소에 HTML 요소를 추가합니다. Syntax $("selector").wrapInner(); Compatibility 6 7 8 9 10 11 .wrapInner() Sample1 .wrapInner() 메서드 예제입니다. 변경(Manipulation) .clone() 메서드는 선택한 요소 본사본을 만듭니다. .wrap() 메서드는 선택한 요소에 새로운 요소를 추가합니다. .wrapAll() 메서드는 선택한 모든 요소에 새로운 요소를 추가합니다. .wrapInner() 메서드는 선택한 각각의 요소에 새로운 요소를 추가합니다. .append() 메서드는 선..

.wrapAll() 메서드는 선택한 모든 요소에 HTML 요소를 추가합니다. Definition .wrapAll() 메서드는 선택한 모든 요소에 HTML 요소를 추가합니다. Syntax $("selector").wrapAll(); Compatibility 6 7 8 9 10 11 .wrapAll() Sample1 .wrapAll() 메서드 예제입니다. 변경(Manipulation) .clone() 메서드는 선택한 요소 본사본을 만듭니다. .wrap() 메서드는 선택한 요소에 새로운 요소를 추가합니다. .wrapAll() 메서드는 선택한 모든 요소에 새로운 요소를 추가합니다. .wrapInner() 메서드는 선택한 각각의 요소에 새로운 요소를 추가합니다. .append() 메서드는 선택한 요소 마지막 위치..

.wrap() 메서드는 선택한 요소에 HTML 요소를 추가합니다. Definition .wrap() 메서드는 선택한 요소에 HTML 요소를 추가합니다. Syntax $("selector").wrap(); Compatibility 6 7 8 9 10 11 .wrap() Sample1 .wrap() 메서드 예제입니다. 변경(Manipulation) .clone() 메서드는 선택한 요소 본사본을 만듭니다. .wrap() 메서드는 선택한 요소에 새로운 요소를 추가합니다. .wrapAll() 메서드는 선택한 모든 요소에 새로운 요소를 추가합니다. .wrapInner() 메서드는 선택한 각각의 요소에 새로운 요소를 추가합니다. .append() 메서드는 선택한 요소 마지막 위치에 새로운 요소를 추가합니다. .app..

.clone() 메서드는 선택한 요소 본사본을 만듭니다. Definition .clone() 메서드는 선택한 요소 본사본을 만듭니다. Syntax $("selector").clone(); Compatibility 6 7 8 9 10 11 .clone() Sample1 .clone() 메서드 예제입니다. 변경(Manipulation) .clone() 메서드는 선택한 요소 본사본을 만듭니다. .wrap() 메서드는 선택한 요소에 새로운 요소를 추가합니다. .wrapAll() 메서드는 선택한 모든 요소에 새로운 요소를 추가합니다. .wrapInner() 메서드는 선택한 각각의 요소에 새로운 요소를 추가합니다. $(".one1").clone().appendTo(".list ul").addClass("on"); ..

.removeData() 메서드는 선택한 요소의 data- 속성 값을 설정하거나 반환합니다. Definition .removeData() 메서드는 선택한 요소의 data- 속성 값을 설정하거나 반환합니다.

.data() 메서드는 선택한 요소의 data- 속성 값을 설정하거나 반환합니다. Definition .data() 메서드는 선택한 요소의 data- 속성 값을 설정하거나 반환합니다.

.scrollLeft() 메서드는 선택한 요소의 가로 스크롤 값을 설정하거나 반환합니다. Definition .scrollLeft() 메서드는 선택한 요소의 가로 스크롤 값을 설정하거나 반환합니다. Syntax $(selector).scrollLeft(); Compatibility 6 7 8 9 10 11 .offset() Sample 선택한 요소의 속성 값을 가져옵니다. offset().left = 0px offset().top = 0px position().left = 0px position().top = 0px scrollLeft = 0px scrollTop = 0px Drag offset().left = 0px offset().top = 0px position().left = 0px positio..

.position() 메서드는 선택한 요소의 좌표 값을 반환합니다. Definition .position() 메서드는 선택한 요소의 좌표 값을 반환합니다. Syntax $(selector).position(); Compatibility 6 7 8 9 10 11 .offset() Sample 선택한 요소의 속성 값을 가져옵니다. offset().left = 0px offset().top = 0px position().left = 0px position().top = 0px scrollLeft = 0px scrollTop = 0px Drag offset().left = 0px offset().top = 0px position().left = 0px position().top = 0px scrollLeft =..

.offsetParent() 메서드는 선택한 요소의 부모 좌표 값(문서 기준)을 반환합니다. Definition .offsetParent() 메서드는 선택한 요소의 부모 좌표 값(문서 기준)을 반환합니다.

.offset() 메서드는 선택한 요소의 좌표 값(문서 기준)을 설정하거나 반환합니다. Definition .offset() 메서드는 선택한 요소의 좌표 값(문서 기준)을 설정하거나 반환합니다. Syntax $(selector).offset(); Compatibility 6 7 8 9 10 11 .offset() Sample 선택한 요소의 속성 값을 가져옵니다. offset().left = 0px offset().top = 0px position().left = 0px position().top = 0px scrollLeft = 0px scrollTop = 0px Drag offset().left = 0px offset().top = 0px position().left = 0px position().to..

.width() 메서드는 선택한 요소의 가로를 설정하거나 반환합니다. Definition .width() 메서드는 선택한 요소의 width 값을 가져옵니다. .width() 메서드는 선택한 요소의 width 값을 변경합니다. .width() 메서드는 선택한 요소의 width 값과 함수를 설정합니다.. Syntax $(selector).width(); $(selector).width(속성값); $(selector).width(함수); Compatibility 6 7 8 9 10 11 .attr() Sample 선택한 요소의 속성 값을 가져옵니다. box의 크기는? 박스의 width = 0px 박스의 height = 0px 박스의 innerWidth = 0px 박스의 innerHeight = 0px 박스의 ..

.outerWidth() 메서드는 선택한 요소의 가로(패딩, 보더 포함)를 반환합니다. Definition .outerWidth() 메서드는 선택한 요소의 가로(패딩, 보더 포함)를 반환합니다. Syntax $(selector).outerWidth(); Compatibility 6 7 8 9 10 11 .outerWidth() Sample 선택한 요소의 속성 값을 가져옵니다. box의 크기는? 박스의 width = 0px 박스의 height = 0px 박스의 innerWidth = 0px 박스의 innerHeight = 0px 박스의 outerWidth = 0px 박스의 outerHeight = 0px 이 문서의 크기는 = 0px 이 브라우저의 크기는 = 0px box의 크기는? 박스의 width = 0..

.outerHeight() 메서드는 선택한 요소의 높이(패딩, 보더 포함)를 반환합니다. Definition .outerHeight() 메서드는 선택한 요소의 높이(패딩, 보더 포함)를 반환합니다. Syntax $(selector).outerHeight(); Compatibility 6 7 8 9 10 11 .outerHeight() Sample 선택한 요소의 속성 값을 가져옵니다. box의 크기는? 박스의 width = 0px 박스의 height = 0px 박스의 innerWidth = 0px 박스의 innerHeight = 0px 박스의 outerWidth = 0px 박스의 outerHeight = 0px 이 문서의 크기는 = 0px 이 브라우저의 크기는 = 0px box의 크기는? 박스의 width..

.innerWidth() 메서드는 선택한 요소의 가로 폭(패딩 포함, 보더 불포함)을 반환합니다. Definition .innerWidth() 메서드는 선택한 요소의 가로 폭(패딩 포함, 보더 불포함)을 반환합니다. Syntax $(selector).innerWidth(); Compatibility 6 7 8 9 10 11 .innerWidth() Sample 선택한 요소의 속성 값을 가져옵니다. box의 크기는? 박스의 width = 0px 박스의 height = 0px 박스의 innerWidth = 0px 박스의 innerHeight = 0px 박스의 outerWidth = 0px 박스의 outerHeight = 0px 이 문서의 크기는 = 0px 이 브라우저의 크기는 = 0px box의 크기는? 박..

.innerHeight() 메서드는 선택한 요소의 높이(패딩 포함, 보더 불포함)를 반환합니다. Definition .innerHeight() 메서드는 선택한 요소의 높이(패딩 포함, 보더 불포함)를 반환합니다. Syntax $(selector).innerHeight(); Compatibility 6 7 8 9 10 11 .height() Sample 선택한 요소의 속성 값을 가져옵니다. box의 크기는? 박스의 width = 0px 박스의 height = 0px 박스의 innerWidth = 0px 박스의 innerHeight = 0px 박스의 outerWidth = 0px 박스의 outerHeight = 0px 이 문서의 크기는 = 0px 이 브라우저의 크기는 = 0px box의 크기는? 박스의 wi..

.height() 메서드는 선택한 요소의 높이를 설정하거나 반환합니다. Definition .height() 메서드는 선택한 요소의 높이를 설정하거나 반환합니다. Syntax $(selector).height(); $(selector).height(속성값); $(selector).height(함수); Compatibility 6 7 8 9 10 11 .height() Sample 선택한 요소의 속성 값을 가져옵니다. box의 크기는? 박스의 width = 0px 박스의 height = 0px 박스의 innerWidth = 0px 박스의 innerHeight = 0px 박스의 outerWidth = 0px 박스의 outerHeight = 0px 이 문서의 크기는 = 0px 이 브라우저의 크기는 = 0px ..

.toggleClass() 메서드는 하나 이상의 클래스를 추가/제거합니다. Definition .toggleClass() 메서드는 하나 이상의 클래스를 추가/제거합니다.

.removeClass() 메서드는 하나 이상의 클래스를 제거합니다. Definition .removeClass() 메서드는 하나 이상의 클래스를 제거합니다.

.hasClass() 메서는 선택한 요소 중 지정된 클래스가 있는지 확인합니다. Definition .hasClass() 메서는 선택한 요소 중 지정된 클래스가 있는지 확인합니다. Syntax $(selector).hasClass(classname) Compatibility 6 7 8 9 10 11 .hasClass()

.css() 메서는 선택한 요소 하나 이상의 스타일 속성을 설정하거나 반환합니다. Definition .css() 메서는 선택한 요소 하나 이상의 스타일 속성을 설정하거나 반환합니다. Syntax $(selector).css(property) $(selector).css(property,value) $(selector).css(property,function(index,currentvalue)) $(selector).css({property:value, property:value, ...}) Compatibility 6 7 8 9 10 11 .css()

.addClass() 메서드는 하나 이상의 클래스를 추가합니다. Definition .addClass() 메서드는 하나 이상의 클래스를 추가합니다. Syntax $(selector).addClass(); Compatibility 6 7 8 9 10 11 .addClass() Sample1 .addClass()을 이용한 탭 메뉴 만들기 Tab1 Tab2 Tab3 Tab4 Tab5 Tab1 Tab2 Tab3 Tab4 Tab5 Share

Selectors 속성 설명 기본 선택자(Basic) * 전체 셀렉터는 전체 태그를 선택합니다. .class 클래스 셀렉터는 클래스 태그를 선택합니다. #id 아이디 셀렉터는 아이디 태그를 선택합니다. element 태그 셀렉터는 기본 태그를 선택합니다. element, element 다중 셀렉터는 여러가지 태그를 선택합니다. 계층 선택자(Hierarchy) Descendant Selector 자손 선택자 모든 자식을 선택합니다. Child Selector 자식 선택자는 바로 하위 자식만 선택합니다.(parent > child) Next Adjacent Selector 형제 선택자 다음 형제 태그를 선택합니다.(prev + next) Next Siblings Selector 형제들 선택자 다음 형제 모든..

태그는 글씨를 크게 표현합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 - 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 (HTML5에서 지원하지 않는 오래된 태그입니다.) 시각적 표현 기본 글씨보다 크게 표현 Definition 태그는 글씨를 크게 표현합니다. 태그 CSS style로 대체 되었기 때문에 현재는 사용하지 않습니다. Compatibility 6 7 8 9 10 11 Sample big 태그 글씨를 타자모양의 텍스트(Teletype Text Element)를 사용하고 싶다면 를 사용합니다. 글씨를 굵게 표현하고 싶다면 태그를 사용합니다. 글씨를 이탤릭체로 표현하고 싶다면 태그를 사용합니다. 글씨를 위첨자로 표현하고 싶다면 태그를 사용합니다. ..

태그는 취소선을 표현합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 - 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 (HTML5에서 지원하지 않는 오래된 태그입니다.) 시각적 표현 가운데 선 Definition 태그는 취소선을 표현합니다. Compatibility 6 7 8 9 10 11 Sample strike 태그 글씨를 타자모양의 텍스트(Teletype Text Element)를 사용하고 싶다면 를 사용합니다. 글씨를 굵게 표현하고 싶다면 태그를 사용합니다. 글씨를 이탤릭체로 표현하고 싶다면 태그를 사용합니다. 글씨를 위첨자로 표현하고 싶다면 태그를 사용합니다. 글씨를 아래첨자로 표현하고 싶다면 태그를 사용합니다. 글씨에 밑줄을 표시하고 싶다면 태그..

.val() 메서드는 폼 요소의 속성 값을 설정하거나 반환합니다. Definition .attr() 메서드는 선택한 요소의 속성 값을 설정하거나 반환합니다. Syntax $(selector).val(); Compatibility 6 7 8 9 10 11 .val()

.removeProp() 메서드는 JavaScript 요소에서 하나 이상의 속성을 제거합니다. Definition .removeProp() 메서드는 선택한 요소에서 하나 이상의 속성을 제거합니다. Syntax $(selector).removeProp(attribute); Compatibility 6 7 8 9 10 11 .removeProp()

.removeAttr() 메서드는 HTML 요소에서 하나 이상의 속성을 제거합니다. Definition .removeAttr() 메서드는 선택한 요소에서 하나 이상의 속성을 제거합니다. Syntax $(selector).removeAttr(속성); Compatibility 6 7 8 9 10 11 .removeAttr() Sample1 선택한 요소의 속성 값을 변경합니다. alt width height src alt width height src

.prop() 메서드는 JavaScript 요소의 속성 값을 설정하거나 반환합니다. Definition .prop() 메서드는 선택한 요소의 속성 값을 설정하거나 반환합니다. Syntax $(selector).prop(attribute); $(selector).prop(attribute,value); $(selector).prop(attribute,function(index,currentvalue)); $(selector).prop({attribute:value, attribute:value,...}); Compatibility 6 7 8 9 10 11 .prop()

.attr() 메서드는 HTML 요소의 속성 값을 설정하거나 반환합니다. Definition .attr() 메서드는 선택한 요소의 속성 값을 가져옵니다. .attr() 메서드는 선택한 요소의 속성 값을 변경합니다. .attr() 메서드는 선택한 요소의 여러개 속성 값을 변경합니다. .attr() 메서드는 선택한 요소의 속성과 함수를 설정합니다. Syntax $(selector).attr(속성); $(selector).attr(속성, 속성값); $(selector).attr({속성:속성값, 속성:속성값, .... }); $(selector).attr(속성, 함수); Compatibility 6 7 8 9 10 11 .attr() Sample1 선택한 요소의 속성 값을 가져옵니다. 제이쿼리(jQuery) :..

width 화면의 가로 값을 반환합니다. Definition width 화면의 세로 값을 반환합니다. Syntax screen.width Compatibility 6 7 8 9 10 11 width