尝试使用按钮选择 div 并且它可以工作,但如何设置默认的显示 代码在这里:
<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>
最佳答案
实际上,有三种方法可以做到这一点
第一:使用 :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>
关于javascript - jquery选择中的默认类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43748670/