개발하는 냥이 (=ↀωↀ=)

엘리먼트 삭제 자신.remove() HTML 소스 추가 삭제 스크립트 소스 $("#btn1")[0].addEventListener("click", function () { // jQuery -> $("#list").append($("").text("테스트") ); $("#list").html($("#list").html() + "테스트"); }); $("#btn2")[0].addEventListener("click", function () { //$("h1:last-child").remove(); // list 하위의 모든 h1 삭제하기 $("#list h1").remove(); //$("h1").remove(); //$("#list").html(""); }); 결과

개발/JavaScript 2020. 10. 14. 17:32

태그 생성하고 추가하기 document.createElement(태그명) -> $(태그명) appendChild -> append HTML 소스 태그 추가하기 스크립트 소스 결과

개발/JavaScript 2020. 8. 19. 16:15

CSS 속성 추가하기 ex> 엘리먼트.style["background-color"] = "yellow"; 엘리먼트.style["이름"] = 추출 엘리먼트.style["이름"] = 값 : 설정 css(이름, 값) : 설정 css(이름) : 추출 css({객체}) : 설정 HTML 소스 설정하기 가져오기 CSS 라이브러리 테스트 CSS 라이브러리 테스트 스크립트 소스 결과

개발/JavaScript 2020. 8. 14. 14:11

속성 처리하기 setAttribute(이름, 값) getAttribute(이름) attr(이름, 값) : 설정 attr(이름) : 추출 속성 설정하기 - HTML 소스 설정하기 a b c 속성 설정하기 - 스크립트 소스 속성 설정하기 - 결과 속성 가져오기 - HTML 소스 가져오기 연습중... 속성 가져오기 - 스크립트 소스 속성 가져오기 - 결과

개발/JavaScript 2020. 8. 13. 17:46

value 속성 처리하기 val(값) : 설정 val() : 추출 HTML 소스 설정하기 가져오기 메세지 : 스크립트 결과

개발/JavaScript 2020. 8. 12. 17:41

innerHTML 내용설정: - DOM객체.innerHTML = "내용"; - jQuery객체.html("내용"); 내용확인: - DOM객체.innerHTML; - jQuery객체.html(); innerTEXT 내용설정: - DOM객체.innerTEXT = "내용"; - jQuery객체.text("내용"); 내용확인: - DOM객체.innerText; - jQuery객체.text(); innerHTML - HTML 소스 설정 추출 설정 및 추출 기본1 기본2 기본3 기본4 기본5 innerHTML - 스크립트 결과 innerText - HTML 소스 설정하기 가져오기 테스트1 테스트2 테스트3 innerText - 스크립트 결과

개발/JavaScript 2020. 8. 10. 16:52

HTML 소스 설정하기 가져오기 설정 후 가져오기 아이디로 접근 클래스로 접근 태그로 접근 스크립트 결과

개발/JavaScript 2020. 8. 5. 16:35

jQuery API는 선택자를 기준으로 확장집합(wrapped set) 이라는 Array 를 반환함 이를 기반으로 jQuery 의 Method Chain 이 가능 Method Chain 의 형태 : element.a().b().c().d()... * 예외 : jQuery 의 get 은 jQuery Object 가 아니라, DOM element 를 반환함 // jQuery id선택자인 #을 사용해도 반환은 무조건 배열형태로 넘어오기 때문에, 꺼낼값이 하나일 경우 [0] 번째에서 꺼낸다 // $를 이용하여 선택자 활용 var aDiv1 = $("#a"); var aDiv2 = $("#a")[0]; // DOM 객체를 이용하여 선택자 활용 var aDiv3 = document.getElementById("a"..

개발/JavaScript 2020. 8. 5. 16:29