Jquery:按类选择时遇到问题

我在获取查询以按类选择元素时遇到问题。我试图在表单中选择一个元素并将其隐藏

如果我只想隐藏元素上的一个类，但如果我有两个或更多的类，它将不会添加隐藏类，那么这是可行的

css

html

---

您可能需要确保在加载DOM后运行该脚本：

$(function(){
  $("#btn_hide").click(function () {
     $("#frm .hideme").addClass("hide");
  });
});

---

直接使用funciton hide，不要添加这样的类。删除css，您不需要它，并将代码更改为：

$("#btn_hide").click(function () {
 $("#frm .hideme").hide();
});

另外，您需要在document.ready函数中运行该函数，以便添加事件。我宁愿创建一个函数，并使用onClick属性通过HTML调用它。

检查此演示链接：-

css代码

.hide{display:none；}

html代码

    <span class="hideme styledspan">This will not be hidden</span>
<form id="frm">    
    <span class="hideme styledspan">This will be hidden</span><br/>
    <span class="hideme styledspan">This will be hidden</span>
</form>
<input type="button" id="btn_hide" value="data">

---

我想你必须使用.hide{display:none；}对。小提琴可能会有帮助。此外，您是否确定正确选择了btn_隐藏？也许应该是这样。顺便问一下，你藏起来了吗？同时检查@RajaprabhuAravindasamy的评论您的选择器btn_hide似乎不正确。也许应该是。顺便问一下，你躲起来了吗？或者btn_hide，如果是一个ID，那么选择器frm.hideme看起来很好。很抱歉，在我这边它被设置为“无”。我只是想简化一下。我已经在JSFIDLE上的post.replicate问题中更新了css，如果你能理解为什么.addClass'hide'在op的上下文中不起作用的话。哦，这是旧的，但希望我能把它清除掉。应该添加的类是隐藏的而不是隐藏的这与OP的代码有什么不同？

$(function(){
  $("#btn_hide").click(function () {
     $("#frm .hideme").addClass("hide");
  });
});

$("#btn_hide").click(function () {
 $("#frm .hideme").hide();
});

    <span class="hideme styledspan">This will not be hidden</span>
<form id="frm">    
    <span class="hideme styledspan">This will be hidden</span><br/>
    <span class="hideme styledspan">This will be hidden</span>
</form>
<input type="button" id="btn_hide" value="data">

$("#btn_hide").click(function () {
     $("#frm .hideme").addClass("hide");
});