Question

我在点击功能上有一个非常简单的addClass()，并且想知道它为什么不起作用。如果我将$('#wicked')更改为$('div')，则点击功能可以正常工作。

＆＃13;

$(document).ready(function() {
  $('#wicked').click(function() {
    $(this).addClass('blueBack');
  });
});

＆＃13;

#wicked {
  background-color: #ABCDEF;
  font-size: 20px;
  border-radius: 20px;
  border-style: none;
  padding: 25px;
}
.blueBack {
  border-color: #000;
  border-style: solid;
}

＆＃13;

<div id="wicked">Test Button</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type='text/javascript' src='app.js'></script>

＆＃13;

Answer 1

它实际上工作得很好。 css只是覆盖了你的风格。

在css id中，优先级高于class。因此，id边框样式为none的规则比solid中的规则或class边框更重要。

jQuery addClass不使用ID

1 个答案: