2022/09/06 2

6. JQuery 사용해서 문서 내 특정 요소로 객체 찾기(JavaScript)

JQuery는 로직을 재사용할 수 있도록 고안된 소프트웨어 라이브러리 이를 사용하기 위해서는 HTML로 로드해야 한다. JQuery가 있는 파일을 웹페이지에서 구해야 한다. (src = "_" 부분) 필요한 소스는 다운로드없이 스크립트내에서 가져올 수 있다. body 태그 아래에 Hello world코드를 만든다. $('body').prepend('Hello world'); 부분외에 나머지는 거의 고정으로 사용한다. 기본 문법 양식 $('li').css('color','red'); -> # $('_') => JQuery Function # 'li' => css selector 예제 코드가 길어서 나눠서 쓰겠다. 위의 박스는 DOM방식 아래 박스는 JQuery방식 head에는 각각의 박스 모양과 스타일, ..

5. 문서 내 특정 요소로 객체 찾기 (JavaScript)

TagName으로 객체찾기 (태그로 객체찾기) ClassName으로 객체찾기 (클래스로 객체찾기) id로 객체찾기 querySelector로 객체찾기 1. TagName으로 객체찾기 var 변수 = document.getElementsByTagName('태그 명'); 예시 HTML CSS JavaScript li라는 태그명을 document에서 찾아 lis라는 배열로 저장 (getElementsByTagName은 리스트로 반환) 0번째 (HTML), 1번째 (CSS), 2번째 (JavaScript)를 반복하면서 빨간색으로 바꿔준다. 이렇게 특정 ul을 접근해서 찾는 방법도 있다. 2. ClassName으로 객체찾기 var 변수명 = document.getElementsByClassName('클래스 nam..