点击它时如何突出显示html页面中的按钮?

我在页面上有四个按钮,当我点击其中一个按钮时,我希望它突出显示。

这些按钮用于将数据传递给控制器​​。 它们是这样的:

  

检查这个JSFiddle

基本上,你用jQuery绑定一个highligt效果到按钮,这样点击它

 $('button').click(function() { $(this).effect( "highlight", {color: 'red'}, 3000 ); }); 

注意:如评论中所述,您不应该在一个页面上拥有2个具有相同ID的元素。 如果要使用相同的描述符,请使用class而不是id