Question

我正在使用以下代码，

HTML code，

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<div id="one" class="two">HI WELCOME TO RESOURCESUITES.COM</div>
<button>Click me</button>

Jquery代码，

$(document).ready(function(){
     $("button").click(function(){
        $("div#one .two").hide();
     });
   });

上面的代码无效。div没有隐藏。

Answer 1

通过空格分隔#one和.two，您正在使用“{1}} 的孩子”类“二”来处理div。 / p>

删除空格：

#one

然而，

$("div#one.two").hide();

已经存在：无论如何，ID必须是唯一的。无需将$("#one").hide();添加到选择器。

Answer 2

应该是

$("div#one.two").hide()

“div＃one .two”表示class =“two”的元素，它们是div的后代，id =“one”

答案 2 :(得分：1)

当您知道对象的id时，您不需要类或类型。

$(document).ready(function(){
     $("button").click(function(){
        $("#one").hide();
     });
   });

答案 3 :(得分：0)

$("div#one .two").hide();

你不需要班级名称。 div#one足以识别元素。如果要保留类名，只需删除空格，使选择器为div#one.two

答案 4 :(得分：0)

你的选择器错了。使用

$(document).ready(function(){
     $("button").click(function(){
        $("div#one").hide();
     });
   });

答案 5 :(得分：0)

$（ “DIV＃one.two”）隐藏（）;在更好的替代方案之间不需要空间

 $("div.two").hide();

或

 $("#one").hide();

Answer 3

当您知道对象的id时，您不需要类或类型。

$(document).ready(function(){
     $("button").click(function(){
        $("#one").hide();
     });
   });

Answer 4

$("div#one .two").hide();

你不需要班级名称。 div#one足以识别元素。如果要保留类名，只需删除空格，使选择器为div#one.two

Answer 5

你的选择器错了。使用

$(document).ready(function(){
     $("button").click(function(){
        $("div#one").hide();
     });
   });

Answer 6

$（ “DIV＃one.two”）隐藏（）;在更好的替代方案之间不需要空间

 $("div.two").hide();

或

 $("#one").hide();

Jquery隐藏不起作用

6 个答案: