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

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

• format_list_bulleted jQuery/기본
• · 2022. 6. 8.
• textsms

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

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

• format_list_bulleted jQuery/기본
• · 2022. 6. 8.
• textsms

step2 - 종합

Effect $(“p”).hide() $(“#test”).hide() $(“.test“).hide() $(this).hide() ​ Events click() dblclick() mouseenter() mouseleave() mousedown() mouseup() hover() focus() and blur() ​ Effect Hide/Show hide() hide() and show() toggle() hide() Fade fadeIn() fadeOut() fadeToggle() fadeTo() Slide slideDown() slideUp() slideToggle() Animate animate() animate() - manipulate multiple CSS properties animate() ..

• format_list_bulleted jQuery/기본
• · 2022. 6. 2.
• textsms

선택자

인접 관계 선택자 1. 전체 선택자 제이쿼리 직접 선택자및 관계 선택자 직접 선택자 관계 선택자 css에서도 전체 요소를 선택할 때는 *{ }로 사용하는데, 제이쿼리에서 전체 선택자의 경우에도 $("*")로 표현한다. 2. 아이디 선택자 제이쿼리 직접 선택자 및 관계 선택자 직접 선택자 관계 선택자 html에서 설정되어 있는 아이디로 표현하는 방식 $("#id") 3. 클래스 선택자 제이쿼리 직접 선택자 및 관계 선택자 직접 선택자 관계 선택자 4. 요소명 선택자 제이쿼리 직접 선택자 및 관계 선택자 직접 선택자 관계 선택자 5. 그룹 선택자 제이쿼리 직접 선택자 및 관계 선택자 직접 선택자 관계 선택자 6. 부모요소 선택자 인접 관계 선택자 내용1 내용2 내용3 class = "second"의 부모 태..

• format_list_bulleted jQuery/기본
• · 2022. 5. 31.
• textsms