목록JavaScript/Level1 (7)
충분히 쌓여가는
jQuery자바스크립트의 특징은 코드가 매우 길고 더럽다따라서 html 조작을 쉽게 바꿔주는 라이브러리를 사용할 수 있다React, Vue, jQueryjQuery는 자바스크립트의 querySelectorAll, addEventListener, classList.add 등을 이름만 짧게 바꿔주는 라이브러리 jQuery 설치Google에 jQuery cdn 검색jQuery 3.x 버전 $은 querySelector와 동일하게 사용하면 됨 jQuery로 스타일 변경안녕 jQuery 주의사항html 셀럭터로 찾으면 html 함수들을 뒤에 붙이고jQuery 셀렉터로 찾으면 jQuery 함수들을 뒤에 붙여야 한다$('').innerHtml은 안됨(jQuery와 html 셀렉터 섞여있음) jQuery로 class ..
Bootstrap구글에 Bootstrap 검색get started 버튼 선택css 파일은 Navbar An item A second item A third item A fourth item And a fifth one
getElementByClassName 셀렉터어떤 html 요소를 찾고 변경할 때 id로 찾았는데 class로 찾을 수 있다 테스트1 테스트2 처음 태그의 내용이 안녕으로 바뀐다getElementsByClassName('클래스명')[순서] [0]과 같이 순서를 넣는 이유는 getElementsByClassName 셀렉터는 일치하는 class가 들어있는 모든 html 요소를 찾아주기 때문이다그래서 몇 번째 요소를 바꿀지 [순서]를 붙여줘야 한다 이벤트 리스너버튼의 onclick="" 안에 자바스크립트를 짰지만 이벤트 리스너 문법을 사용해도 된다document.getElementById('id요소').addEventListener('click', function(){ // 실행할 코드 ..
function에 사용 가능한 parameter 문법function alert(parameter) { document.getElementById('alert').style.display = 'parameter';}() 소괄호 내에 문자 입력{} 중괄호 내에도 () 소괄호에 입력한 같은 문자 입력 parater 사용 예시 알림창 알림창 닫기 알림창 열기 alert라는 곳에서 function을 2번 사용만약 parameter 문법을 사용한다면 function을 1번만 사용해도 됨 알림창 알림창 닫기 알림창 열기 function 하나로 여러 기능 실행 가능 parameter 문법 특징파라미터는 자유롭게 작명 가능function pl..