在jquery中选择类的子标记

时间:2011-02-25 17:38:16

标签: jquery

我在jquery网站上搜索了这个...而我却找不到它。

我正在尝试在<p>类中选择.desc个标签...

<div class = "desc">
   <p>blahwhatever</p>
</div>

我正在尝试确保<p></p>.desc的动画完成之前不会显示...

$(".desc p").hide();
//animation here...
$(".desc p").delay(500).show();  

这还没有奏效......有什么建议吗? (抱歉这个琐碎的问题......)

2 个答案:

答案 0 :(得分:5)

为了让事情按照你想要的方式工作,将节目添加到animate()方法回调中试试这个:

$(".desc p").hide(); 

$('#animationSelector').animate(
    { /* animation settings */},
    5000, 
    function() {
        $(".desc p").show(); 
    }
);

工作示例:http://jsfiddle.net/X3qkH/

答案 1 :(得分:4)

这里的简单解决方案是将值0绝对精确地传递到.show()

$(".desc p").delay(500).show(0);

这可以确保它已添加到 fx队列,因此.delay()将生效。

演示http://jsfiddle.net/MuZMa/1/

如果没有该值,.show()将立即触发display: block