Javascript 如何使用jQuery以一定的时间间隔逐个淡入页面中的所有p标记内容？_Javascript_Jquery_Css

Javascript 如何使用jQuery以一定的时间间隔逐个淡入页面中的所有p标记内容？

javascript jquery css

Javascript 如何使用jQuery以一定的时间间隔逐个淡入页面中的所有p标记内容？,javascript,jquery,css,Javascript,Jquery,Css,我试图以一定的间隔一个一个地淡入所有的p标签内容，但它不起作用这是我的密码： HTML <html> <body> 1 2 3 4 5 6 </body> </html> 尝试以下功能： (func

我试图以一定的间隔一个一个地淡入所有的p标签内容，但它不起作用

这是我的密码：

HTML

<html>  <body>  <p>1</p>  <p>2</p>  <p>3</p>  <p>4</p>  <p>5</p>  <p>6</p>  </body>  </html>

尝试以下功能：

(function fadeNext(jq){
    jq.eq(0).fadeIn("slow", function(){
        // you can also set a timeout here if you'd like
        (jq=jq.slice(1)).length && fadeNext(jq);
    });
})($('#content p'))

这篇文章的基础是：

html p {display:none;}

(function fadeNext(jq){
    jq.eq(0).fadeIn("slow", function(){
        // you can also set a timeout here if you'd like
        (jq=jq.slice(1)).length && fadeNext(jq);
    });
})($('#content p'))