2010-06-26 98 views
0

如何更改以下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; 
     }); 
    }); 

我得到它的工作感谢大家的帮助。

+0

这是基本的CSS猪头... – 2010-06-26 20:18:54

+0

@Ionut Staicu每个人都有学习选择早晚的人。 – 2010-06-26 20:38:13

+0

@凯尔:自然顺序是:学习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

回答

2

使用a。不是#

+0

顺便说一句,使用ID并不坏,它实际上是一个更快的选择器,然后是类,再加上可能有两个类的问题,一个不应该是动画。 – 2010-06-26 20:16:18

+0

我改变了#号,但它仍然不起作用? – alpha 2010-06-26 20:16:20

+0

你确定它们是HTML中的类吗?你加载jQuery吗? slideToggle现有的功能? 大声笑你需要提出更多的代码,所以我可以得到一些关于你的问题的背景。可能是因为你使用$(function(){而不是$(document).ready(function(){开头。 – 2010-06-26 20:19:06

3

JS

$('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>