使用jQuery通过它的ID属性选择HTML元素

Question

我在CodePen上选了一些代码来帮助我动态替换div的内容。它可以工作，但是当借用某人的代码时经常发生这种情况，我实际上无法将其塑造成我想要它做的事情。

原始代码提供动物的图片，当您点击它时，它会将动物名称的文本发送给div。 Javascript看起来像这样：

$('#kittens').click(function() {
  $('div').html('Kittens');
});


$('#aardvark').click(function() {
  $('div').html('Aardvark');
});

我将它应用于更复杂的网页，所以我真的不能只用“小猫”这个词替换第一级div。

我发现通过保留单引号，我可以将任何我想要的文本或代码放在那里并且它工作得很好，但前提是我正在写入第一级div。

所以我想要定位它，我应该给它div ID。类似的东西：

$('#kittens').click(function() {
  $('myDivName').html('Kittens');
});

这没有任何作用。我也试过'id = myDivName'，'id =“myDivName”'，id：myDivName，以及其他一些我现在无法回想起的。我能想出的任何东西似乎都无法发挥作用。

有人知道这个参数是如何工作的，我怎么能让它只针对我想要的div？

Answer 1

jQuery选择器就像CSS选择器一样工作，所以$('myDivName')不是$('#myDivName')而是{{1}}

Answer 2

在jquery中引用元素时，需要使用它的css选择器。对于标识为"myDivName"的元素，选择器将为#myDivName，因此您的jquery将如下所示：

$('#kittens').click(function() {
    $('#myDivName').html('Kittens');
});