jQuery 方法 css 无效

Question

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

什么是missing/wrong这段代码是什么？ https://jsfiddle.net/svguetq7/

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

更新

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

Answer 1

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

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

jQuery method css not working