导航条(排他)
每个按钮点击后会出现相对应的内容,其他内容会消失
$(".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)
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
