jquery图片 文字

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery 图片操作示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
        .hidden {
            display: none;
        }
    </style>
</head>
<body>
    <img id="myImage" src="image1.jpg" alt="图片1">
    <button id="changeImage">切换图片</button>

    <script>
        $(document).ready(function() {
            $('#changeImage').click(function() {
                $('#myImage').attr('src', 'image2.jpg').removeClass('hidden');
            });
        });
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery 文字操作示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <p id="myText">Hello, World!</p>
    <button id="changeText">修改文字</button>

    <script>
        $(document).ready(function() {
            $('#changeText').click(function() {
                $('#myText').text('Hello, jQuery!');
            });
        });
    </script>
</body>
</html>