본문 바로가기

전체 글28

[jQuery] 제이쿼리 삭제 관련 메서드 / removeAttr() / empty() / remove() / detach() [jQuery] 제이쿼리 삭제 관련 메서드 - removeAttr() : 선택한 요소의 특정 속성을 제거 ex) $("img").removeAttr("alt") : img 요소의 alt 속성을 제거 - empty() : 하위 요소를 제거 ex ) $("div").empty() : div 요소의 하위 요소 모두 제거 - remove() : 선택한 요소 삭제 ex ) $("div").remove() : div 요소 완전히 삭제 - detach() : 선택한 요소 삭제 / 원하는 위치에 다시 삽입 가능 ex) $("p").detach() - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 div{border: 1px soli.. 2022. 6. 9.
[jQuery] 스크롤 관련 함수 / scrollTop() / scrollLeft() $("p").scrollTop() : p요소의 scrollTop값 취득 $("p").scrollTop(200) : p요소의 scrollTop값을 200으로 지정 $("p").scrollLeft() : p요소의 scrollTLeft값 취득 $("p").scrollLeft(1000) : p요소의 scrollTLeft값을 200으로 지정 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 *{margin: 0; padding: 0;} #outer{width: 500px; height: 500px; margin: 0 auto; border: 1px solid #333; overflow: auto;} .inne.. 2022. 6. 9.
[jQuery] 제이쿼리 삽입 관련 함수 / prepend() / append() / before() / after() / prependTo() / appendTo() / insertBefore() / insertAfter() [jQuery] 제이쿼리 삽입 관련 함수 prepend() : 첫 번째 자식 요소로 삽입 append() : 마지막 자식 요소로 삽입 before() : 선택한 요소 이전으로 삽입 after() : 선택한 요소 다음으로 삽입 prependTo() : 해당 요소를 선택한 요소에 첫번째 자식 요소로 삽입 appendTo() : 해당 요소를 선택한 요소에 마지막 자식 요소로 삽입 insertBefore() : 해당 요소를 선택한 요소 이전으로 삽입 insertAfter() : 해당 요소를 선택한 요소 다음으로 삽입 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 #m1, #m2{border: 1px solid #ddd; margin: 20px;}.. 2022. 6. 9.
[JavaScript] typeof() 함수 typeof() 함수: 자료형 알려주는 함수 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 let name = "홍길동"; let grade = 1; let schoolclass = 3; let isMerried = false; let getList = ["사과", "배", "귤", "복숭아", "오렌지"] console.log(typeof(name)); //string console.log(typeof(grade)); //number console.log(typeof(schoolclass)); //number console.log(typeof(isMerried)); //boolean console.log(typeof(getList)); //object 2022. 5. 31.
[HTML] 텍스트 관련 태그 / <strong> / <b> / <em> / <i> / <span> / <mark> - : 강조할 부분을 굵게 표시할 때 사용하는 태그 - : 굵게 표시하는 태그 - : 강조할 부분을 이탤릭체로 표시할 때 사용하는 태그 - : 이탤릭체로 표시하는 태그 - : 특정 부분을 묶어 스타일을 적용할 때 사용하는 태그 - : 형광펜 효과 태그 1 2 3 4 5 6 7 8 9 10 11 strong 태그는 강조할 부분을 굵게 표시할 때 사용하는 태그이다. b 태그는 특정 부분을 굵게 표시할 때 사용하는 태그이다. em 태그는 강조할 부분을 이탤릭체로 표시할 때 사용하는 태그이다. i 태그는 특정 부분을 이탤릭체로 표시하는 태그이다. span 태그는 특정 부분을 묶어 스타일을 적용할 때 사용하는 태그이다. mark 태그는 형광펜 효과를 나타내는 태그이다. 2022. 5. 24.