분류 전체보기101 4. 객체 조작 - 속성 조작 메소드 종류 사용법 설명 html( ) $("요소선택").html( ); $("요소선택").html("새요소"); 선택한 요소에 하위 요소들을 반환하거나 새 요소로 변환합니다. text( ) $("요소선택").text(); $("요소선택").text(새텍스트); 선택한 요소에 포함되는 텍스트를 반환하거나 새 텍스트로 변환합니다. css("속성")/ css(속성","값") $("요소선택").css("color"); $("요소선택").css("color","blue"); 선택한 요소에 css속성값을 반환 또는 변환합니다. removeAttr("속성") $("요소선택").removeAttr("title"); 선택한 요소의 지정한 속성을 삭제합니다. attr("속성")/ attr("속성","값") $("요소선택").a.. jQuery/기본 2022. 6. 8. 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() .. jQuery/기본 2022. 6. 2. 따라하기 - 햄버거 메뉴 만들기 따라하기 See the Pen 햄버거 메뉴 만들기 by JIWON CHOI (@jiwonch) on CodePen. 참고 사이트 https://designer-ej.tistory.com/entry/Navbar-%ED%96%84%EB%B2%84%EA%B1%B0-%EB%A9%94%EB%89%B4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%981-Html-CSS-JS [Navbar] 햄버거 메뉴 애니메이션1 - Html, CSS, JS ⭐햄버거 메뉴 애니메이션 1 2nd bar는 투명하게 사라지고, 1st, 3rd bar가 회전하며 X표시. See the Pen ExNKxGR by Eunji Jeon (@emcjrl) on CodePen. body { display: flex.. web_dev 2022. 6. 1. 따라하기 - 배경 눈 내리는 효과 연습 See the Pen Snow by JIWON CHOI (@jiwonch) on CodePen. 참고 사이트 web_dev 2022. 6. 1. 선택자 인접 관계 선택자 1. 전체 선택자 제이쿼리 직접 선택자및 관계 선택자 직접 선택자 관계 선택자 css에서도 전체 요소를 선택할 때는 *{ }로 사용하는데, 제이쿼리에서 전체 선택자의 경우에도 $("*")로 표현한다. 2. 아이디 선택자 제이쿼리 직접 선택자 및 관계 선택자 직접 선택자 관계 선택자 html에서 설정되어 있는 아이디로 표현하는 방식 $("#id") 3. 클래스 선택자 제이쿼리 직접 선택자 및 관계 선택자 직접 선택자 관계 선택자 4. 요소명 선택자 제이쿼리 직접 선택자 및 관계 선택자 직접 선택자 관계 선택자 5. 그룹 선택자 제이쿼리 직접 선택자 및 관계 선택자 직접 선택자 관계 선택자 6. 부모요소 선택자 인접 관계 선택자 내용1 내용2 내용3 class = "second"의 부모 태.. jQuery/기본 2022. 5. 31. 이전 1 ··· 6 7 8 9 다음