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

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

代码演示：

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

</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());

})

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

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

最后

以上就是优美小熊猫为你收集整理的如何用Jquery实现点击之后高亮选中的全部内容，希望文章能够帮你解决如何用Jquery实现点击之后高亮选中所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。