웹디자인기능사 실기 - menu 모음

쇼핑몰 작업 (반응형X) 2022.4.8~5.14

쇼핑몰 포트폴리오 (cherry cherry) 사이트https://jiwonch.github.io/shoppingmall_pf/ cherry cherry브랜드 할인! 1주일 동안 20% SALEjiwonch.github.io WireFrameMain Sub Login 최적화 크기 width 1260이상  문서작업

4. 객체 조작 - 예제

예제1 내용1 내용2 내용3 내용4 예제2 내용1 내용2 내용3 내용4

4. 객체 조작 - 객체 편집 메서드

종류 사용법 설명 before( ) / insertBefore( ) $("요소선택").before("새요소"); $("새요소").insertBefore("요소선택"); 선택한 요소 이전 위치에 새 요소를 추가합니다. after( ) / insertAfter( ) $("요소선택").after("새요소"); $("새요소").insertAfter("요소선택"); 선택한 요소 다음 위치에 새 요소를 추가합니다. prepend( ) / prependTo( ) $("요소선택").prepend("새요소"); $("새요소").prependTo("요소선택"); 선택한 요소의 맨 앞 위치에 새 요소를 추가합니다. append( ) / appendTo( ) $("요소선택").append("새요소"); $("새요소").app..

4. 객체조작 - 수치조작 메소드

종류 사용법 설명 height( ) $("요소선택").height( ); $("요소선택").height(100); 안쪽 여백과 선을 제외한 높잇값을 반환하거나 변환합니다. width( ) $("요소선택").width( ); $("요소선택").width(100); 안쪽 여백과 선을 제외한 너빗값을 반환하거나 변환합니다. innerHeight( ) $("요소선택").innerHeight( ); $("요소선택").innerHeight(300); 안쪽 여백을 포함한 높잇값을 반환하거나 변환합니다. innerWidth( ) $("요소선택").innerWidth( ); $("요소선택").innerWidth(100); 안쪽 여백을 포함한 너빗값을 반환하거나 변환합니다. outerHeight( ) $("요소선택").o..

4. 객체 조작 - 속성 조작 메소드

종류 사용법 설명 html( ) $("요소선택").html( ); $("요소선택").html("새요소"); 선택한 요소에 하위 요소들을 반환하거나 새 요소로 변환합니다. text( ) $("요소선택").text(); $("요소선택").text(새텍스트); 선택한 요소에 포함되는 텍스트를 반환하거나 새 텍스트로 변환합니다. css("속성")/ css(속성","값") $("요소선택").css("color"); $("요소선택").css("color","blue"); 선택한 요소에 css속성값을 반환 또는 변환합니다. removeAttr("속성") $("요소선택").removeAttr("title"); 선택한 요소의 지정한 속성을 삭제합니다. attr("속성")/ attr("속성","값") $("요소선택").a..