반응형
구글 jquert 검색후 파일설치 필요 작업폴더에 같이 넣어둔다 혹은 jquery cdn 링크 를 붙여넣어도 된다.
html 은 위에서 아래로 한줄씩 읽힘. 스크립트 경로는 body 끝나기전에 다 때려박아두면됨
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>헤응</title>
<link rel="stylesheet" href="OOO.css">
</head>
<body>
<h1 id="text" class="text1" style="color:#fff"> 안녕 </h1>
<script src="jQuery경로.js"></script>
<script>
// 기존 문법 = document.getElementById('text').innerHTML = '???';
// 제이쿼리 문법 = $('#text') // #을 붙여야 id가 text인걸 찾아줄수있음
// 제이쿼리 문법 = $('.text1') // class를 찾을수도있음 css문법인 .을 이용
$('#text').html('퉤')
$('#text').css('color', 'red' ) // text의 색상을 변경할수도있다.
$('#text').attr('src', 'dsddd.jpg')
제이쿼리 jQuery로 html 다른거 변경하려면 $('css셀렉터').attr(이걸, 이렇게)
</script>
반응형
'HTML - ( 수정중 ) > Java script' 카테고리의 다른 글
Js. 이벤트 리스너 (0) | 2021.07.12 |
---|---|
Js. 파라미터2 (0) | 2021.07.12 |
Js. 파라미터 (0) | 2021.07.06 |
Js. function & Alert (0) | 2021.07.06 |
Js. document (0) | 2021.07.06 |