JavaScript / 5

 

 

 

 

 

 

 

<select> 이 시멘틱 태그는 input이랑 똑같음

 

 

제이쿼리문법

$('.form-select').eq(0).val() => eq는 index / val은 value

 

 

자바스크립트로 html 생성하기

document.createElement('p');
// <p>태그 생성

 

 

// 변수 설정으로 해주고
var a = document.createElement('p');
// html 내용을 안녕으로 한다
a.innerHTML = '안녕';

 

 

html 태그 안에 태그를 넣는 것도 가능하다

document.querySelector('#test').appendChild(a);
//id값이 test인 html 태그 안에 아까 위에 만들어둔 p태그인 a를 넣는다

 

 

 

 

.insertAdjacentHTML 을 이용해서도 html 추가할수 있는데..왤케 조잡해보이지 ㅋㅋㅋ

제이쿼리로는 그냥 .append('html 템플릿 변수명')임 제이쿼리가 확실히 간단하네

 

 

 

HTML에 내용 넣을때 엔터키를 넣고싶다면 벡틱으로 감싸야한다 

 

 

 

제이쿼리에서 .html은 대체, .append는 추가

 

 

 

 

for in문

var obj = {name:'kim',age:27};

for(var key in obj){
	console.log(key); //name과 age 출력
    console.log(obj[key]); //'kim'과27 출력
}

 

 

 

arrow funtion쓰고 this를 쓰면 바깥에 있던 this를 가져다쓴다 항상 유의하기! 

일반 funtion안에서 쓰면 this값이 안에 있던 값으로 알맞게 재정의가됨