jq 哪位高手给小弟我讲解下，写完忽然看不懂了！

jq 谁给我讲解下，写完忽然看不懂了！！！！
      $(function(){
            $('ul.tabs li').click(function() {
                $(this).addClass('active').siblings('.active').removeClass('active');
                $("#tab1").css('display', 'none');
                $("#tab2").css('display', 'block');
                return false;
            }).find('a').focus(function(){
                this.blur();
            });
            $('.active').click(function() {
                $("#tab1").css('display', 'block');
            });
        });
<div class="abgne_tab">
            <ul class="tabs">
                <li class="active"><a href="#tab1">视频</a></li>
                <li class=""><a href="#tab2">正文</a></li>
            </ul>
<div id='tab1' style="display: block;">
<div id='tab2'>
效果不说看了便知！！！！！
------解决思路----------------------
  $('ul.tabs li').click(function() {/. li的点击事件
                $(this).addClass('active').siblings('.active').removeClass('active'); //这句是先添加active然后遍历有active的去除掉
                $("#tab1").css('display', 'none');//隐藏
                $("#tab2").css('display', 'block');//显示
                return false;
            }).find('a').focus(function(){//遍历找到A的焦点然后去掉A标签的焦点
                this.blur();
            });
            $('.active').click(function() {// class=active 的点击事件
                $("#tab1").css('display', 'block');//显示
            });

大体就这样吧
------解决思路----------------------

$('ul.tabs li').click(function() { //li点击事件

	//给当前li增加class,并遍历同辈元素中class为active并将其移除active

		$(this).addClass('active').siblings('.active').removeClass('active'); 

		$("#tab1").css('display', 'none');//隐藏

		$("#tab2").css('display', 'block');//显示

		return false;

	}).find('a').focus(function(){//查询li下的a标签，让其失去焦点

		this.blur();

	});

	$('.active').click(function() {//class为active的点击事件，当点击了那么#tab1就显示出来

		$("#tab1").css('display', 'block');

        });

});

------解决思路----------------------

引用:

Quote: 引用:

  $('ul.tabs li').click(function() {/. li的点击事件
                $(this).addClass('active').siblings('.active').removeClass('active'); //这句是先添加active然后遍历有active的去除掉
                $("#tab1").css('display', 'none');//隐藏
                $("#tab2").css('display', 'block');//显示
                return false;
            }).find('a').focus(function(){//遍历找到A的焦点然后去掉A标签的焦点
                this.blur();
            });
            $('.active').click(function() {// class=active 的点击事件
                $("#tab1").css('display', 'block');//显示
            });

大体就这样吧

先添加遍历后再删除  不就没有active的属性了？

当前对象添加class样式，接着遍历兄弟节点中class包含active的对象，将这些对象的active去了……本身当前对象还是有active的，只是兄弟节点没而已