jQuery中的石头、布、剪刀

我在一次采访中做了一个小测试，用HTML5DOM创建了一个石头、布、剪刀的游戏。在包含3个图像的图像选项下面是占位符，用于显示我（用户）和计算机随机选择的内容

我对此有很多疑问：首先，逻辑可以用jQuery编写吗？事件处理程序只能做这么多。我以前用JavaScript做过一个随机生成器，所以我想应该混合使用jQuery和JS

下面是我的示例-->。我在jQuery选择器

$（“#scissors.pick”）中指定类和ID时遇到问题这可行吗

首先，jQuery没有一个是有效的。。。这里是一个片段。。。我知道代码是这样开始的：

$(document).ready( function() {
    $("id-or-class-oreven-html-selector").click( function() {
    });
});

我需要更多关于基本jQuery事件处理程序的指导

而不是图像，我使这把小提琴更简单。基本上，我希望客户端的结果显示出来，同时也让浏览器随机选择：这样也可以打印计算机的结果。最后将显示谁赢得这轮比赛的结果

这个练习让我思考我对jquery的知识。我原以为我对它有很好的理解，但现在我不知道如何解决这个问题，有人能帮忙吗

提前谢谢

$("#scissors.pick"); is this doable?

不，这不可行，如果你有一个唯一的id，就用

$("#scissors")

正如Evan Trimboli在评论中所建议的

您正在收听某个元素，该元素提供了一个类名手势
单击事件，但您的html中没有它。此外，使用
选择器的id.className类型是冗余的。id必须是唯一的，所以只需使用#id即可

这里有一个，显示了如何确定玩家的移动，同样，您可以随机选择pc的移动，然后决定谁赢了

单击任何id都应作为

$("#rock").click(function(){
    $("#yourMove").text("Your Move: Rock");
});

正在寻找较短的代码？在一行中完成


  $("#rock, #paper, #scissors").click(function(){
        $("#yourMove").text("Your Move: " + $(this).attr('id'));
    });

我改变了很多，也许这有帮助

你所有的if语句可能会大幅减少，尽管仍然不是很好

$("#yourMove .move").html($("h2", $(this).clone()))
                    .addClass($(this).attr('data-pick'));

jQuery是Javascript。它只是一个库，使许多常见的操作变得更容易。而且，fiddle中的代码也没有意义。您正在收听带有类名
手势的某个元素，以提供单击事件，但您的html中没有该事件。另外，使用
#id.className
类型的选择器是多余的。id必须是唯一的，所以只需使用
#id
。
如果（$（“#rock.pick”）
也没有意义。
$（“选择器”）
的返回值总是真实的。您是否正在尝试测试单击的元素是否为
#rock
？写这个的方法是
if（$（this）.is（“#rock.pick”）
这是我在5分钟内做的东西，只是为了好玩一下。。。玩得高兴