Javascript jquery选择中的默认类

尝试用按钮选择div，它就可以工作了，但如何设置一个默认值来显示呢 代码如下：

$（'.textWord_about'）.hide（）；
$（'.link'）。单击（函数（）{
$（'.textWord_about'）.hide（）；
$（'.textWord_关于[data link='+$（this.data（'link'+']））.fadeIn({
宽度：“200px”
}, 300);
});

您已经有了一个匿名函数，该函数隐藏了除刚才单击的函数之外的所有内容，可以调整该函数以供onclick使用，也可以在页面加载时使用一次以设置默认值，如：

var defaultMenu = 'third';
menuSelect(defaultMenu);

$('.link').click(function() {
    menuSelect($(this).data("link"));
});

function menuSelect(link) {
    $('.textWord_about').hide(); 
    $('.textWord_about[data-link=' + link + ']').fadeIn({
        width: '200px'
    }, 300);
}

---

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

第一个：使用css使用

：not（：n个子（1））

选择器

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

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

Second:与js一起使用

$（'.textWord\u关于：非（：第n个子项（1）））

选择器

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

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

而不是

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

第三个：使用js使用

.eq（0）。单击（）//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>

$（'.textWord_about'）.hide（）；
$（'.link'）。单击（函数（）{
$（'.textWord_about'）.hide（）；
$（'.textWord_关于[data link='+$（this.data（'link'+']））.fadeIn({
宽度：“200px”
}, 300);
}).eq（0）.单击（）；

@RodolfoRodriguez不客气。祝你今天愉快：-）