多个类的选择器

Question

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

到目前为止，我已经成功地写了这篇文章。

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

问题是.fadeIn应该只在类.field上工作，如果该元素也有类.typevisible

Answer 1

只需更改选择器：

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

只有具有这两个类的元素才会淡入。