导航条(排他)

每个按钮点击后会出现相对应的内容,其他内容会消失

 $(".cardBtn").click(function(){//拿到当前点击按钮的索引var index = $(this).index(".cardBtn");//根据索引找到对应显示的卡片var $cardHide =  $(".cardHide").eq(index);$cardHide.addClass("cardShow");//设置其他卡片隐藏$cardHide.siblings().removeClass("cardShow");return false;});

1.return false; 的作用是阻止按钮点击后的默认行为

2.获得元素相对于选择器的 index 位置。 $(selector).index(element)


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部