카테고리 없음
HTML5 - CSS, JAVASCRIPT, JQUERY 에서 Hello World 출력 방법 모음
artra
2023. 7. 3. 16:32
반응형
|
<!DOCTYPE html>
<html>
<head>
<style> /* CSS */
#text2 { /*Hello world!_2*/
color: black;
}
#text3 { /*Hello world!_3*/ /*JAVASCRIPT*/
color: red;
}
#text4 { /*Hello world!_4*/ /*JQUERY*/
color: blue;
}
</style>
</head>
<body>
<h2>Hello World!_1</h2> <!--Hello World!_1-->
<h2 id="text2">Hello World!_2</h2> <!--Hello World!_2--> <!--CSS-->
<h2 id="text3"></h2> <!--Hello World!_3--> <!--JAVASCRIPT-->
<h2 id="text4"></h2> <!--Hello World!_4--> <!--JQUERY-->
<div>Hello World_5</div> <!--Hello World!_5--> <!--JQUERY + CSS-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
document.getElementById('text3').innerHTML = 'Hello World!_3'; // Hello World!_3
$(document).ready(function () { // Hello World!_4 // JQUERY
$('#text4').text('Hello World!_4');
});
$(document).ready(function () { // Hello World!_5 // JQUERY + CSS
let divElements = $("div");
divElements.css({
"color": "green",
"font-size": "25px"
});
});
</script>
</body>
</html>
|
cs |
반응형