jq实现tab点击切换,并默认显示第一个

   

   
内容一
内容二
内容三
内容四
    $(document).ready(function () {
        $(".item").hide();  // 隐藏所有按钮内容区域
        $(".item:first").show();  // 显示第一个按钮内容区域

        $(".tabs li").click(function () {
            var index = $(this).index();
            $(".item").eq(index).show().siblings(".item").hide();
        });
    });

别忘了引入jq

你可能感兴趣的:(HTML,CSS,JS和jQ的前端开发应用,前端,javascript,java)