如何用Jquery实现点击之后高亮选中

作为一个PHP后端开发者，我经常遇到Jquery实现点击之后高亮选中这个问题。每次都需要百度纠结一段时间，今天遇到了我特地写下来供参考和以后的使用

代码演示：

<a href="javascript:;" class="nav-card original-wrap" data-y="5">

<p>
<span class="cardAmount">599.00</span>元/终身
</p>

<p>终身海量下载</p>

</a>

<a href="javascript:;" class="nav-card this-card" data-y="4">
<p><span class="cardAmount">450.00</span>元/3年</p>
<p>海量下载</p>

</a>

<a href="javascript:;" class="nav-card" data-y="3">
<p><span class="cardAmount">159.00</span>元/年</p>
<p>10个/天</p>

</a>

JQ:代码

$('.nav-card').click(function(e){

    $(this).addClass('this-card').siblings().removeClass('this-card');

    $('#type-amount').html($(this).find('.cardAmount').html());

})

这样就能达到指定元素达到高亮显示的效果了。

需要更多学习素材可以到优睿素材下载学习。也可以留意本博客更多博文