jQuery 方法 css 不工作

Question

我正在准备 MS 考试 70-480 并练习 JavaScript - 使用 .click 事件的不同变体制作了一个测试示例，但没有一个起作用(按钮根本没有应用样式) .

此代码缺少/错误的是什么？ https://jsfiddle.net/svguetq7/

 // part of code
 $("#btn3").click(function(){
   $("article:first-of-type") .css("background-color", "blue");
 });

更新

Embaring moment - 所有按钮都有相同的 ID，所以这也是一个问题。给其他人的消息 - 在向 StackOverflow 提问之前，请再检查一次你的代码 :)

Answer 1

首先，您没有在 fiddle 中包含 jQuery。其次，您以错误的方式使用了选择器。如果你需要选择第一个、第二个、第三个元素，那么使用 jQuery 的 eq() 函数。示例代码:

  $("#btn1").click(function() {
    $("section article:eq(0)").css("background-color", "red");
  });

第一个元素的演示: https://jsfiddle.net/lotusgodkk/svguetq7/8/