Javascript Jquery没有'；不要更改按钮的背景图像

当我创建一个按钮时，我想用一些不同的东西创建一个html页面，但是我被一种方法卡住了

我是jQuery新手，我想在按下按钮后显示不同的背景图像。 我想将背景图像从第二个“输入”更改为第一个“输入”的背景图像，其中，在css中：

.btn17{
    background-image: url('../Imagenes/trashc1.png');

}

.btn18{
    background-image: url('../Imagenes/trashc2.png');

}

及

Facelet标题
$（'input:submit'）。在（'click'，function（）上{
$（this.toggleClass（'btn18.btn17'）；
});

我研究了一些解决问题的方法，但我太没经验了。

两个问题

由于这些按钮是提交按钮，因此如果不阻止默认操作，页面将被刷新

由于脚本位于标头中，您需要将其包装在dom就绪处理程序中，否则在执行脚本时，将无法找到要附加事件处理程序的目标元素

试一试

演示：两个问题

由于这些按钮是提交按钮，因此如果不阻止默认操作，页面将被刷新

由于脚本位于标头中，您需要将其包装在dom就绪处理程序中，否则在执行脚本时，将无法找到要附加事件处理程序的目标元素

试一试

演示：两个问题

由于这些按钮是提交按钮，因此如果不阻止默认操作，页面将被刷新

由于脚本位于标头中，您需要将其包装在dom就绪处理程序中，否则在执行脚本时，将无法找到要附加事件处理程序的目标元素

试一试

演示：两个问题

由于这些按钮是提交按钮，因此如果不阻止默认操作，页面将被刷新

由于脚本位于标头中，您需要将其包装在dom就绪处理程序中，否则在执行脚本时，将无法找到要附加事件处理程序的目标元素

试一试

---

演示：

在

之前删除点。btn17

在

toggleClass

之前删除点。btn17在

toggleClass

之前删除点。btn17在

toggleClass

之前删除点。btn17在

toggleClass

谢谢，我会检查上面的问题谢谢，我来检查上面的问题谢谢，我来检查上面的问题谢谢，我来检查上面的问题

<h:head>
   <title>Facelet Title</title>
    <link type="text/css" rel="stylesheet" href="CSS/Boton.css" />
    <script type="text/javascript" src="Javascript/jquery-1.9.1"/>
    <script type="text/javascript" src="Javascript/jquery-ui-1.10.3.custom"/>
    <script type="text/javascript">
        $('input:submit').on('click', function() {
            $(this).toggleClass('btn18 .btn17');
        });
    </script>
</h:head>
<h:body>
    <form>
        <input class="btn17" type="submit"  value=" "/>
    </form>
    <form>
        <input class="btn18" type="submit"  value=" "/>
    </form>
</h:body>

jQuery(function () {
    $('input:submit').on('click', function (e) {
        $(this).toggleClass('btn18 btn17');
        e.preventDefault()
    });
})