Javascript 使用Jquery隐藏/显示多个项目_Javascript_Jquery

Javascript 使用Jquery隐藏/显示多个项目

javascript jquery

Javascript 使用Jquery隐藏/显示多个项目,javascript,jquery,Javascript,Jquery,我已经四处搜索，似乎得到了相同的答案，所有的人谁问了一个类似的问题，所以请原谅我，如果它似乎过于简单。我试图通过只按一个按钮同时隐藏/显示多个项目，这似乎是我通过类处理来实现这一目的的唯一方法，如下所示： $(document).ready(function(){ $(".btn1").click(function(){ $("p").hide(); }); $(".btn2").click(function(){ $("p").show(); }); }); 和h

我已经四处搜索，似乎得到了相同的答案，所有的人谁问了一个类似的问题，所以请原谅我，如果它似乎过于简单。我试图通过只按一个按钮同时隐藏/显示多个项目，这似乎是我通过类处理来实现这一目的的唯一方法，如下所示：

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").hide();
  });
$(".btn2").click(function(){
    $("p").show();
  });
});

和html，如下所示

<p class="test">If you click on the "Hide" button, I will disappear.</p>
<p class="test">If you click on the "Hide" button, this also disappears.</p>

如果单击“隐藏”按钮，我将消失
如果单击“隐藏”按钮，这也会消失

我不想使用html选择器这样做

<p>

在我的示例中，因为我想将其用于不同类型的项目

使用css类怎么样

  $(".btn1").click(function(){
    $(".class-to-hide").hide();
  });

html


将隐藏
也将隐藏

您可以使用无数选项，只需熟悉jQuery选择器并选择即可

您可以使用类，它是
```
$（'.something'）
```
data target=“something”，即
```
$（'*[data target=“something”]'）
```
输入type=“number”，即
```
$（'input[type=“number”]）
```

  $(".btn1").click(function(){
    $(".class-to-hide").hide();
  });


将隐藏
也将隐藏

您可以使用类，它是
```
$（'.something'）
```
data target=“something”，即
```
$（'*[data target=“something”]'）
```
输入type=“number”，即
```
$（'input[type=“number”]）
```

  $(".btn1").click(function(){
    $(".class-to-hide").hide();
  });


将隐藏
也将隐藏

您可以使用类，它是
```
$（'.something'）
```
data target=“something”，即
```
$（'*[data target=“something”]'）
```
输入type=“number”，即
```
$（'input[type=“number”]）
```

  $(".btn1").click(function(){
    $(".class-to-hide").hide();
  });


将隐藏
也将隐藏

您可以使用类，它是
```
$（'.something'）
```
data target=“something”，即
```
$（'*[data target=“something”]'）
```
输入type=“number”，即
```
$（'input[type=“number”]）
```

$(document).ready(function(){
  $(".test").click(function(){
    $("p").hide();
  });
$(".test").click(function(){
    $("p").show();
  });
});

$(document).ready(function(){
  $(".test").click(function(){
    $("p").hide();
  });
$(".test").click(function(){
    $("p").show();
  });
});

$(document).ready(function(){
  $(".test").click(function(){
    $("p").hide();
  });
$(".test").click(function(){
    $("p").show();
  });
});

$(document).ready(function(){
  $(".test").click(function(){
    $("p").hide();
  });
$(".test").click(function(){
    $("p").show();
  });
});

$（“p.test”）

$（“p.test”）

$（“p.test”）

$（“p.test”）