多个选择器 class

Question

在我的 Web 应用程序中，我有用于显示和隐藏的复选框 windows。这是通过在选中复选框时更改元素的 class 来完成的。

到目前为止，我写的很成功。

            $(document).ready(function(){
                $('#field').change(function(){
                    if(this.checked) {
                        $('.field').fadeIn('slow');
                        $('.field').addClass('areavisible');
                    }
                    else {
                        $('.field').fadeOut('slow');
                        $('.field').removeClass('areavisible');
                    }
                });
            });

问题是如果元素也有 class .typevisible

，.fadeIn 应该只在 class .field 上工作

Answer 1

只需更改选择器即可：

$('.field.typevisible').fadeIn('slow');

只有同时具有 类 的元素才会淡入。