2017-10-21 109 views
0

我正在準備考試的MS 70-480和實踐的JavaScript jQuery的方法CSS - 做了試驗例如具有.click事件不同的變化,但它沒有正在(按鈕不應用樣式不是全部)。不工作

現在缺少/錯的是這個代碼嗎? https://jsfiddle.net/svguetq7/

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

更新

Embaring時刻 - 所有的按鈕具有相同的ID,因此這是一個問題了。留言給別人 - 請詢問的東西計算器:)

+0

添加HTML。我敢打賭,你錯過了一個#或一個。文章前... – Juan

+0

@Juan - 你能更新例子,帖子鏈接?因爲我不明白你想把'html'放在哪裏。 –

+0

檢查網頁,並檢查控制檯。檢查那裏的錯誤。 – Cons7an7ine

回答

3

之前首先檢查你的代碼中加入額外一個更多的時間,你有沒有在撥弄包括jQuery的。其次,您以錯誤的方式使用選擇器。如果您需要選擇第一個,第二個,第三個元素,則使用jQuery的eq()函數。示例代碼:

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

演示了第一個元素: https://jsfiddle.net/lotusgodkk/svguetq7/8/

+0

是 - @ Cons7an7ine在評論中提到關於jQuery的。也謝謝你。 –