jquery - 使用 .hover 在 上更改颜色，并定位 中的某些

Question

我是 jQuery 的新手，我尝试使用 .hover() 在 ul 中选择某个 li类，并使其成为 mouseOver 将使我选择的 li 更改为随机的预定义颜色:

我已经得到了一些工作，主要是随机颜色，但它不是 mouseOver，而且我不知道如何将其应用于 .hover()

这是我到目前为止所拥有的:

$(document).ready(function(){
  var color = ['#FF0000', '#0000FF', '#00FF00', '#FFFF00', '#FF00FF', "#00FFFF", 
               "#C0C0C0"];
  var random_color = color[Math.floor(Math.random() * color.length)];
  $('ul li a').css('color', random_color);
});

Answer 1

首先，您需要存储当前颜色，以便在它离开时可以重置它。然后就可以使用jquery的hover功能了

$(document).ready(function(){
   var color = ['#FF0000', '#0000FF', '#00FF00', '#FFFF00', '#FF00FF', "#00FFFF", 
               "#C0C0C0"];
   var random_color = color[Math.floor(Math.random() * color.length)];

   /* create variable with current color */
   var orig_color = $('ul li a').css('color'); 

   $('ul li a').hover(
      function(){ 
         /* function executes on mouse enter */
         $(this).css('color', random_color);
     }, function() {
         /* function executes on mouse leave */
         $(this).css('color', orig_color);

     });
});