Javascript jQuery 在打开页面时隐藏字段

Question

我有以下代码:

<script>
    $('#advert').live('change', function () {
        if ($(this).is(':checked')) {
            $(":text").show();
        } else {
            $(":text").hide();
        }
    });
</script>

此代码在选中复选框时显示和隐藏文本字段。它工作得很好，但我希望在页面打开时隐藏文本字段。

Answer 1

在文档就绪时隐藏文本字段。
文档就绪事件表示“当我完成加载时，执行此代码”。因此，在页面加载时，它会在文本字段上触发 .hide() 。非常强大!

$(document).ready( function () {
  $(":text").hide();
});

另一种方法是将样式设置为“display: none;”在每一个上。然后他们开始隐藏