$('.active_a').each(function (index) { // 遍历标签(.active_a a标签就是tap)
$(this).on('click', function () { // 注册点击事件
// top添加移除类名
$('.active_a') // 上面的tap标签
.eq(index) // 当前点击的标签
.addClass('active') //(当前是给a标签添加active类名 tap样式结构 ui>li>a )然后给其余的a标签移除active类名
.parent() // 找到父元素节点
.siblings() // 找到父元素兄弟的节点
.children() // 找到兄弟的子节点
.removeClass('active') //移除active类名
// 内容的切换
$('.boxes_eq') //上面的内容标签
.eq(index) //当前点击的标签
.addClass('show') //当前给自己标签添加show(显示)移除hide(隐藏)然后给兄弟添加hide(隐藏)
.removeClass('hide')
.siblings()
.addClass('hide')
})
})
js+jquery实现简单的tap切换
于 2022-01-21 10:45:17 首次发布