Question

我正在制作一个计算器，而操作键的颜色与数字键的颜色不同，以区分它们。我有这个代码在mousedown上闪烁不同的颜色，并在mouseup上恢复它们的颜色。我想通过一个If stamement来缩短它，但我不确定如何。（无论mousedown上的课程如何，所有的键都会闪烁相同的颜色）

您可以使用If-＆gt;其运算符类 - ＆gt;之类的内容然后将这种颜色带回来吗？

$('.number').mousedown(function() {
    $(this).css('background-color', '#363636');
  });
$('.number').mouseup(function() {
    $(this).css('background-color', '#232323');
  });
$('.operator').mousedown(function() {
    $(this).css('background-color', '#363636');
  });
$('.operator').mouseup(function() {
    $(this).css('background-color', '#1a1a1a');
  });

Answer 1

使用CSS

进行

        ps axo %cpu,%mem,command | sort -nr | head

Answer 2

使用jQuery.hasClass

$('.number, .operators').mousedown(function() {
    var  $this = $(this);
      If ($this.hasClass("number")) $this.css('background-color', '#363636');
    else $this.css('background-color', '#363636')
 });

Answer 3

因此将其组合到一个公共选择器并检查类型

＆＃13;

$('button').on("mousedown mouseup", function(e) {
  var color = e.type === "mousedown" ? '#998877' : '#001122'
  $(this).css('background-color', color);
});

＆＃13;

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

＆＃13;

如何使用If与类

3 个答案: