jquery 按钮图标

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery Button Icon</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
        .icon-button {
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <button class="icon-button">
        <img src="path/to/icon.png" alt="Icon" width="24" height="24">
        Button Text
    </button>

    <script>
        $(document).ready(function() {
            $('.icon-button').click(function() {
                alert('Button clicked!');
            });
        });
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery Button Icon</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
        .icon-button {
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <button class="icon-button">
        <i class="fas fa-check"></i> Button Text
    </button>

    <script>
        $(document).ready(function() {
            $('.icon-button').click(function() {
                alert('Button clicked!');
            });
        });
    </script>
</body>
</html>