HTML - ( 수정중 )/Java script
Js. jQuery 제이쿼리
백엔드 신입사원( soft 5.10 입사)
2021. 7. 12. 13:10
반응형
구글 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>
반응형