Js. jQuery 제이쿼리

반응형

구글 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