多个类的选择器

Selector for more than one class

本文关键字：选择器      更新时间：2024-01-05

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

到目前为止，我写这篇文章很成功。

            $(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上工作

只需更改选择器：

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

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

相关文章：