Question

我无法通过类选择元素进行查询。我试图在表单中选择一个元素并将其隐藏起来。

如果我在要隐藏的元素上只有一个类，但是如果我有两个或更多类，则不会添加隐藏类。

CSS

.hide {display: none;}

HTML

<form id="frm">    
    <span class="hideme styledspan">This will be hidden</span>
</form>

脚本

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

Answer 1

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

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

http://jsfiddle.net/FsdMG/

Answer 2

直接使用功能hide，不要添加类似的类。删除你的CSS，你不需要它并将你的代码更改为：

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

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

Answer 3

查看此演示链接： - http://jsfiddle.net/8tPyJ/

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">

jquery代码： -

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

Jquery：按类选择麻烦

3 个答案: