| Library | Framework |
| - 응용 프로그램 개발을 위해서 필요한 기능(함수)을 모아놓은 스프트웨어 - 개발에 필요한 기능들을 가져다 사용하는 기능들의 모음 |
응용 프로그램이나 소프트웨어의 솔루션 개발을 수월하게 하기 위해 제공된 소프트웨어 환경 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1 id="h1Tag">
jQuery 활용해보기
</h1>
<script>
//jQuery를 사용할 때 : "$" 사용
// ID : h1Tag인 요소 선택하려고 함
// JS의 .innerText == jQuery.text()
// alert($("#h1Tag").text())
// JS의 document.getElementByID("h1Tag").innerText = '안녕하세요'
// $("#h1Tag").text('안녕하세요')
// JS의 .innerHTML == jQuery.html()
// $("#h1Tag").html('<a href="#"> 안녕하세요</a>')
// JS의 .style == jQuery.css()
// $("#h1Tag").css('color', 'salmon')
// $("#h1Tag").css('background-color', 'black')
</script>
</body>
</html>728x90
반응형
'언어 > JavaScript' 카테고리의 다른 글
| JS_말 게임(실습) (0) | 2022.07.14 |
|---|---|
| JS_jQuery 실습 (0) | 2022.07.13 |
| JS_CallBack 함수 (0) | 2022.07.12 |
| JS_DOM_이미지 변경 (0) | 2022.07.11 |
| JS_element 스타일 변경 (0) | 2022.07.11 |