Question

我一直都在这。尝试在单击时将按钮的背景颜色更改为随机颜色。我无法弄清楚如何以正确的JQUERY格式放置我的函数。请帮忙。

$( document ).ready(function getRandomColor() {
    var randomColor = Math.floor(Math.random()*16777215).toString(16);  
    return randomColor;
});
});
$("button").click(function(){
    $(this).css({'background-color':getRandomColor()});
});
});

Answer 1

你非常接近，有一些语法错误。

您需要在颜色字符串上使用＃。

function getRandomColor() {
  var randomColor = Math.floor(Math.random() * 16777215).toString(16);
  return "#" + randomColor;
}

$("button").click(function() {
  $(this).css({
    'background-color': getRandomColor()
  });
});

Answer 2

单独的函数，开始使用background-color设置#的字符串。见colors

＆＃13;

$(document).ready(function() {
  function getRandomColor() {
    var randomColor = Math.floor(Math.random() * 16777215).toString(16);
    return randomColor;
  }

  $("button").click(function() {
    $(this).css(
      'background-color', "#" + getRandomColor()
    );
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>click</button>

＆＃13;

在Jquery中命名和嵌入函数

2 个答案: