jQuery addClass无法使用ID

Question

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

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

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

 <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> 

Answer 1

实际上工作正常。 CSS只是覆盖了您的样式。

在CSS中， id的优先级高于class 。 所以对于规则id拥有的边框样式none是简单的比你的规则，或更重要的solid边境class 。