본문 바로가기
JQuery/이론

text/html/이벤트

by SEOKIHOUSE 2023. 7. 4.

1)text/ html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery-3.7.0.js"></script>
    <script>
        $(document).ready(function() {
            // $("h1").text("aaa");
            $("h1:nth-child(1)").text("<a href='#'>text()</a>");
            $("h1:nth-child(2)").html("<a href='jquery03.html'>text()</a>");
        });

    </script>
</head>
<body>
    <h1>Header -0</h1>
    <h1>Header -1</h1>
</body>
</html>


2)이벤트


  • 버튼이름 + 이미지 바꾸기

1번방법)변수로 버튼동작하게 하기


위에꺼 2번방법 data-nums로 가져오기