Javascript 使用jQuery更改背景图像

我试图更改链接被单击时的背景图像。我不断得到一个错误，你不能调用'点击'空

JQuery（在标题中）

$（'a.upvote-arrow'）。单击（函数（）{
$（'#tempid1'）.css（'background-image'，'url（../images/icons/up-arrow2.png）'）；
});

HTML

谢谢

尝试添加

$（文档）。准备就绪

：

<script type="text/javascript">
$(document).ready(function(){
    $('a.upvote-arrow').click(function(){
        $(this).css('background-image','url(../images/icons/up-arrow2.png)');
    });
})
</script>

$（文档）.ready（函数（）{
$（'a.upvote-arrow'）。单击（函数（）{
$（this.css（'background-image'，'url（../images/icons/up-arrow2.png））；
});
})

尝试用document.ready包装脚本；我怀疑您的脚本可能在加载整个页面之前运行。

您确定在DOM中加载html之后才加载此脚本吗

尝试将您编写的内容包装到onload闭包中

$(function() {
 $('a.upvote-arrow').click(function(){
   $('#tempid1').css('background-image','url(../images/icons/up-arrow2.png)');
 });
});

您可以做的另一件事是利用授权进行事件注册

$('body').on("click", ".a.upvote-arrow", function(){
 $('#tempid1').css('background-image','url(../images/icons/up-arrow2.png)');
});

---

这会将其绑定到身体。

谢谢您的快速回答。我做到了，我现在得到了一个“Uncaught SyntaxError:uncontracted end of input”（未捕获的语法错误：输入意外结束）谢谢，让它工作起来，问题是“$”冲突，所以我必须执行

var$j=jQuery.noConflict（）。谢谢，现在可以用了@好的，很高兴我能帮助你
$(function() {
 $('a.upvote-arrow').click(function(){
   $('#tempid1').css('background-image','url(../images/icons/up-arrow2.png)');
 });
});

$('body').on("click", ".a.upvote-arrow", function(){
 $('#tempid1').css('background-image','url(../images/icons/up-arrow2.png)');
});