为什么Jquery Jfiddle不起作用？

我正试图让这个基本的jquery功能发挥作用，这样我就可以在我现在正在开发的网站的更大部分上使用相同的想法。现在我已经看了一个小时的代码，我检查了jquery文档，以确保选择器都在正确的位置，并且使用了正确的选择器

我只是不知道如何修复它，所以当我点击按钮时，面板的字体颜色会改变

jquery

//playing around with panels and buttons in schedule tab
$(document).ready(function(){
  $('#button').on('click', function() {
    $('#panel4').find('.panel4').css({
      'color': 'red';
    });
  });
});

请参阅控制台

你有一个额外的

css

对象中的code>

---

控制台是你的朋友。您在中有语法错误

//playing around with panels and buttons in schedule tab
$(document).ready(function(){
  $('#button').on('click', function() {
    $('#panel4').find('.panel4').css({
      'color': 'red';
    });
  });
});

---

从

“color'：“red”中删除分号应该可以工作。
基本调试：检查您的JS控制台是否有错误？另外，您似乎还没有在jsfiddle.lol中启用jQuery，我迟到了30秒
//playing around with panels and buttons in schedule tab
$(document).ready(function(){
  $('#button').on('click', function() {
    $('#panel4').find('.panel4').css({
      'color': 'red';
    });
  });
});

//playing around with panels and buttons in schedule tab
$(document).ready(function(){
  $('#button').on('click', function() {
    $('#panel4').find('.panel4').css({
      'color': 'red'
    });
  });
});

//playing around with panels and buttons in schedule tab
$(document).ready(function(){
  $('#button').on('click', function() {
    $('#panel4').find('.panel4').css({
      'color': 'red';
    });
  });
});