js style > inline style > css style


| js | jquery |
|---|---|
| document.getElementsByTagName("div"); | $('div') |
| 각요소를 반복문 돌리며 els[i].style.backgroundColor | els.css('background-color','green'); |
$("button:nth-child(2n+1)").on("click", function (event) {
$("body *").css("background-color", "red");
});
$("button:nth-child(2n)").on("click", function (event) {
$("body *").css("background-color", "blue");
});
| 항목 | 정의 | 빌드단계 | 실행단계 | exam |
|---|---|---|---|---|
| 컴파일언어 | 소스 코드를 실행파일로 변환 후 실행 | 시간이 걸림 | 빠름 | 자바,c,c++ |
| 스크립트언어 | 소스코드를 작성하면 직접 실행 | 필요없음 | 느림 | js, ts, python |
저급언어 : 컴퓨터에 가까운 언어
고급언어 : 사람에 가까운 언어
이벤트가 작동할 때 적용되고있는 객체를 this로 가리킬 수 있다.
ex)
(this).find()
addClass 해당 클래스를 추가.
removeClass 해당 클래스를 제거.
find -> 후손 선택
next -> 동생 선택
children -> 자식 선택