2011-04-19 127 views
0

我使用下面的代码,jQuery的隐藏不工作

HTML代码,

<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(); 
    }); 
    }); 
  • 上面的代码是不是working.the DIV没有隐藏。
+0

可以写代码div标签和按钮标签... – Anish 2011-04-19 08:37:39

+0

试着用'$( “#一”),隐藏();' – diEcho 2011-04-19 08:38:30

+0

似乎为我工作 – ianace 2011-04-19 08:40:26

回答

3

通过用空格分隔#one.two,你正在处理与类“两节” 那就是#one孩子一个div。

删除空格:

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

然而,

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

会做已经:标识必须是唯一的反正。没有必要将.two添加到选择器。

+0

是其工作。 谢谢 – 2011-04-19 08:39:50

2

应该

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

“#DIV一个。二” 指的是类元素= “二”,这是与ID的div后代= “一个”

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

你不需要班级名称。 div#one就足以识别元素。如果您想保留课程名称,只需删除空格,以便选择器为div#one.two

0

您的选择器错误。使用

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

$( “#DIV one.two”)隐藏()。没有更好的替代品之间需要空间将

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

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

当你知道一个对象的ID,你不需要类或类型。

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