공부(2018~2019) - 스킨변경전/Javascript

1. each() & html() & text() 배열 Method Hello World1 World2 World3 실행 2.addClass() & removeClass() & attr() & removeAttr() Helloworld!!! World1 실행

1.$() 객체 생성 태그 실행 2.Object insert&add 삽입 : append, prepandTo, prepand 추가: insertAfter, after, insertBefore, before 실행 3. copy yy 실행

Selectoronload=function(){} =$(document).ready( function(){}) ==================================== Hellow world! Hellow world! 실행

jQueryjavascrip 단점을 보완하기 위해 만든 것. javascript의 복잡한 기능을 함수로 구현한 것. 1. https://jquery.com/download/ 다운 압축안된것이 보기좋다. 2. Hellow world! 실행

mouse event onload = function () { var ckk = document.getElementById("ck"); ckk.addEventListener("mouseover", function () { //영역 안으로 들어올때 실행 console.log("mouseover") }); ckk.addEventListener("mouseout", function () { console.log("mouseout") }); ckk.addEventListener("mousemove", function () { // 영역안에서 조금이라도 움직이면 실행 console.log("mousemove") }); ckk.addEventListener("mousedown", function () { // 마우..

onclick() Hellow 실행 Hellow 클릭시 ----> consloe Event 삭제 var ev = document.getElementById("ev"); ev .onclick = null; 추가하면 한번만 실행되고 이후 이벤트는 실행되지 않는다. 표준 핸들러 모델 click remove #80 빨강 80 초록 80 파랑 실행 remove를 클릭하면 더이상 world! 이벤트가 발생하지 않는다

createElement innerHTML 실행 getElementById 실행 잠깐 hellow가 나왔다가 11로 변경된다.ETC. ck.parentNode.removeChild(ck); 객체 삭제 ck.style.~ : CSS 적용

콘솔화면 멍멍HTMLPage1.html:13 멍멍HTMLPage1.html:33 멍멍HTMLPage1.html:33 멍멍HTMLPage1.html:59 ma

콘솔화면 25HTMLPage1.html:15 안녕하세요!!HTMLPage1.html:35 둘리 Etc var k=function(){ }; k.utu=function(){ // 밖에서 선언 가능 }; k.utu.c=3;// 밖에서 선언 가능 console.log(k.utu.c); =========================

콘솔화면 HTMLPage1.html:17 appleHTMLPage1.html:17 bananaHTMLPage1.html:17 orangeHTMLPage1.html:17 eggHTMLPage1.html:21 appleHTMLPage1.html:21 bananaHTMLPage1.html:21 orangeHTMLPage1.html:21 eggHTMLPage1.html:21 pineappleHTMLPage1.html:30 banana orange egg pineappleHTMLPage1.html:32 falseHTMLPage1.html:33 trueHTMLPage1.html:35 orange