javascript - jQuery,隐藏段落

标签 javascript jquery

我正在使用内部 jQuery 创建一个随机 html 页面,我试图让 jQuery 隐藏三个段落中的两个,并执行此操作 5 秒,但是当我加载 html 文件时,所有段落都立即可见。有人可以帮忙吗?

<html>
    <head>
        <script src="jquery-1.9.1.js"></script>
    </head>
    <body>
        <script>
            var $ = jQuery;
            $("p").each(function (idx) {
                if(idx >= 1) {
                    $(this).hide(500);
                }
            });
        </script>
        <p>This is the first paragraph</p>
        <p>This is the second paragraph</p>
        <p>This is the third paragraph</p>
    </body>
</html>

最佳答案

您必须用 $() 包装代码,因为元素尚未加载。

$(function(){
    $("p:not(:first-child)").hide(5000);
});

TRY-A-DEMO

此外,我相信 500 是一个拼写错误,因为 5000 是 5 秒。

@David Thomas建议,您可以进一步简化为:

$(function(){
    $("p:gt(0)").hide(5000);  //:gt means "greater than..."
});

关于javascript - jQuery,隐藏段落,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15605352/

相关文章:

javascript - 为什么 JavaScript 中的这个生成器函数在任何yield 表达式之前停止?

javascript - 自定义组合框设计到 php 网站

javascript - OS X 上的 Firefox onpopuphidden

javascript - 在 node.js 中使用多个异步 redis 调用正确放置回调

jquery - 无法在 JQuery 1.6.4 中使用 CORS 进行 PUT/POST/DELETE HTTP 调用

javascript - jQuery mouseoverIntent 插件可以在 Internet Explorer 中使用吗?

javascript - 使用变量作为 mongodb 中字段名称的一部分?

javascript - Jquery点击事件导致循环只执行一次

jquery - 使用 jQuery 检查值是否为 null

javascript - 预先输入下拉列表中的全局页脚