2011-04-19 128 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(); 
    }); 
    });