javascript - 当我点击它时如何突出显示html页面中的按钮？

Question

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

按钮用于将数据传递给 Controller ​​。他们是这样的:

<button name="region" id="region" type="button"  onclick="window.location='/project/Viewdata/index/region/1'" class="current">ALL</button>
<button name="region" id="region2" type="button"  onclick="window.location='/project/Viewdata/index/region/2'" class="current">1st</button>

Answer 1

检查这个JSFiddle

基本上，当您像这样单击按钮时，您可以使用 jQuery 将高光效果绑定(bind)到该按钮

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

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