Javascript 使用jquery隐藏类中的所有元素

我是javascript新手，非常喜欢它，但我现在面临一个让我有点困惑的问题

我编写下面的代码是为了用一个class

male

隐藏所有元素，但它不起作用。当我用

id

替换class

male

时，代码开始工作

创建帐户
性别
选择一个
男性
女性
名字
姓
电子邮件
登记
$（文档）.ready（函数（）{
$（“.male”）.hide（）；
$（“#下拉列表”）.change（函数（）{
if（$（“#下拉列表”）.val（）=“男性”）{
$（“.male”）.show（）；
}否则{
$（“.male”）.hide（）；
}
});
});

html中不能有两个

类

属性，设置多个

类

的方法是在同一个属性上，每个

类之间有一个空格

按如下方式更改代码：

class="form-row male"

然后它应该可以工作。
在html中不能有两个
类
属性，设置多个
类
的方法是在同一个属性上，每个
类之间有一个空格

按如下方式更改代码：

class="form-row male"

然后它应该可以工作。
尝试更改为：



创建帐户
性别
选择一个
男性
女性
名字
姓
电子邮件
登记
$（文档）.ready（函数（）{
$（“.male”）.hide（）；
$（“#下拉列表”）.change（函数（）{
if（$（“#下拉列表”）.val（）=“男性”）{
$（“.male”）.show（）；
}否则{
$（“.male”）.hide（）；
}
});
});
尝试更改为：



创建帐户
性别
选择一个
男性
女性
名字
姓
电子邮件
登记
$（文档）.ready（函数（）{
$（“.male”）.hide（）；
$（“#下拉列表”）.change（函数（）{
if（$（“#下拉列表”）.val（）=“男性”）{
$（“.male”）.show（）；
}否则{
$（“.male”）.hide（）；
}
});
});
这是因为元素有双
类
属性，这意味着只有第一个
类
将生效，并且导致没有类
的元素。男性

您可以在同一
类
属性中使用空格列出多个类：

<div class="form-row male">

这是因为元素有双
class
属性，这意味着只有第一个
class
将生效，并且导致没有class
的元素

您可以在同一
类
属性中使用空格列出多个类：

<div class="form-row male">

class=“表格行”class=“男性”

应替换为

class=“表格行男性”

class=“表格行”class=“男性”

应替换为

class=“表格行男性”

原因是您在同一元素上多次声明了相同的属性
class

为单个元素多次声明同一属性（无效HTML），将使第一个值覆盖同一属性的所有后续值

因此，在本例中，元素只需要有一个
class
属性

这里解释了这种行为


原因是您在同一元素上多次声明了
class
相同的属性

为单个元素多次声明同一属性（无效HTML），将使第一个值覆盖同一属性的所有后续值

因此，在本例中，元素只需要有一个
class
属性

这里解释了这种行为


更简化的代码将是
$（this）.val（）
或更好的代码将是
this.value
更简化的代码将是
$（this.val（）
或更好的代码将是
this.value