javascript - jquery选择中的默认类

Question

尝试使用按钮选择 div 并且它可以工作，但如何设置默认的显示代码在这里:

http://jsfiddle.net/LUKGt/5/

<script type="text/javascript">
$('.textWord_about').hide();

$('.link').click(function() {
    $('.textWord_about').hide();       
    $('.textWord_about[data-link=' + $(this).data('link') + ']').fadeIn({
        width: '200px'
    }, 300);
});
</script>

Answer 1

实际上，有三种方法可以做到这一点

第一:使用 :not(:nth-child(1)) 选择器的 css

.textWord_about{
   display : none;
}
.textWord_about:not(:nth-child(1)){  // 1 for the first index
   display : block;
}

第二:使用 $('.textWord_about:not(:nth-child(1))') 选择器的 js

$('.textWord_about:not(:nth-child(1))').hide(); 

而不是

$('.textWord_about').hide();

第三:在js中使用.eq(0).click()//0是第一个的索引

<script type="text/javascript">
$('.textWord_about').hide();

$('.link').click(function() {
    $('.textWord_about').hide();       
    $('.textWord_about[data-link=' + $(this).data('link') + ']').fadeIn({
        width: '200px'
    }, 300);
}).eq(0).click();
</script>