JQuery選擇器的問題？

如何更改以下JQuery代碼，以便我可以使用類選擇器而不是id選擇器，因此可以使用class =「add」和class =「container」而不是id =「add」和id =「container」JQuery選擇器的問題？

這裏是JQuery代碼。

$(function(){ 
     $('a#add').click(function(){ 
     $('#container').slideToggle('slow'); 
     // prevent default action 
     return false; 
     }); 
    });

我得到它的工作感謝大家的幫助。

來源

2010-06-26 alpha

這是基本的CSS豬頭... – 2010-06-26 20:18:54

@Ionut Staicu每個人都有學習選擇早晚的人。 – 2010-06-26 20:38:13

@凱爾：自然順序是：學習css/html然後學習js/a js庫。除此之外，在jquery頁面上是正確的：http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_select_an_item_using_class_or_id.3F 但是，嘿，我是先生明顯！ @alpha：在這裏閱讀，在SO上閱讀還是在那裏閱讀，在jQuery頁面上有什麼不同？ – 2010-06-27 07:24:47

使用a。不是＃

來源

2010-06-26 20:13:47

順便說一句，使用ID並不壞，它實際上是一個更快的選擇器，然後是類，再加上可能有兩個類的問題，一個不應該是動畫。 – 2010-06-26 20:16:18

我改變了＃號，但它仍然不起作用？ – alpha 2010-06-26 20:16:20

你確定它們是HTML中的類嗎？你加載jQuery嗎？ slideToggle現有的功能？大聲笑你需要提出更多的代碼，所以我可以得到一些關於你的問題的背景。可能是因爲你使用$（function（）{而不是$（document）.ready（function（）{開頭。 – 2010-06-26 20:19:06

$('a.add').click(function(){ // Use . (dot) for class select 
    $('.container').slideToggle('slow'); 
    return false; 
});

HTML

<a href="#" class="add">Add container</a> 
<div class="container"> 
    My container content 
</div>

來源

2010-06-26 20:21:31 sshow

JQuery選擇器的問題？

回答

相關問題