实际上就是操作dom元素然后更改其样式,隐藏或显示
// 8. 点击切换产品选项 (商品详情等显示出来)
function showtabs() {
var $lis = $('#product_detail>ul>li')
var $con = $('#product_detail>div:gt(0)')
$lis.click(function () {
$lis.removeClass('current')
// this.className = 'current'//原生写法,this是dom对象
$(this).addClass('current')//jQuery写法,$(this)是jQuery对象
$con.hide()
var index = $(this).index()
// $con[index].style.display = 'block'//原生写法,$con[index]是dom对象
$con.eq(index).show()//jQuery写法,$con是jQuery对象
})
}
tabs
网友评论