Javascript JQuery—在加载元素时对其进行处理

我希望在页面的开头执行一个js代码，并让这些代码在html中加载任何元素，只要这些元素可用，而不是等待页面完成加载。可能吗

我的情况是：

我想动态隐藏页面中的一些元素。到目前为止，我一直在

$（window）.ready（…）

函数中执行此操作，但其副作用是，在该函数启动之前，元素会显示一秒钟。我希望在加载这些元素并准备好显示后立即捕获它们，而不必等待整个页面加载

---

谢谢

若要避免所描述的效果，您可以反转逻辑，首先使用css隐藏所有元素，然后显示

若要避免所描述的效果，您可以反转逻辑，首先使用css隐藏所有元素，然后显示

您可以使用css类“默认”隐藏元素，然后，页面准备就绪后，删除要显示的元素上的类

非常简单示例：

HTML：

<ul>
  <li class="hidden to-be-shown">Element A</li>
  <li class="hidden">Element B</li>
  <li class="hidden to-be-shown">Element C</li>
  <li class="hidden to-be-shown">Element D</li>
  <li class="hidden">Element E</li>
</ul>

.hidden {
    display: none;
}

$(function () {
    $('.to-be-shown').removeClass('hidden');
});

JS：

<ul>
  <li class="hidden to-be-shown">Element A</li>
  <li class="hidden">Element B</li>
  <li class="hidden to-be-shown">Element C</li>
  <li class="hidden to-be-shown">Element D</li>
  <li class="hidden">Element E</li>
</ul>

.hidden {
    display: none;
}

$(function () {
    $('.to-be-shown').removeClass('hidden');
});

这是你的电话号码

希望这有帮助：）

您可以使用CSS类“默认”隐藏元素，然后在页面准备就绪时，删除要显示的元素上的类

非常简单示例：

HTML：

<ul>
  <li class="hidden to-be-shown">Element A</li>
  <li class="hidden">Element B</li>
  <li class="hidden to-be-shown">Element C</li>
  <li class="hidden to-be-shown">Element D</li>
  <li class="hidden">Element E</li>
</ul>

.hidden {
    display: none;
}

$(function () {
    $('.to-be-shown').removeClass('hidden');
});

JS：

<ul>
  <li class="hidden to-be-shown">Element A</li>
  <li class="hidden">Element B</li>
  <li class="hidden to-be-shown">Element C</li>
  <li class="hidden to-be-shown">Element D</li>
  <li class="hidden">Element E</li>
</ul>

.hidden {
    display: none;
}

$(function () {
    $('.to-be-shown').removeClass('hidden');
});

这是你的电话号码

---

希望这有帮助：）

尝试查看

$（文档）。load（）

在加载页面时触发，而不是

$（文档）。ready（）

在呈现页面时触发

尝试查看

$（文档）。load（）

在加载页面时触发，而不是

$（文档）。ready（）

在呈现页面时触发该命令

简单的方法是使用CSS（显示：无） 但是如果你想使用jquery，你可以试试

$(window).load(function() {
    //Code
});

---

希望这有帮助，简单的方法是使用CSS（display:none） 但是如果你想使用jquery，你可以试试

$(window).load(function() {
    //Code
});

---

希望这有帮助

只使用css规则隐藏它们而不是使用脚本即使这回答了我的特殊情况，也没有回答更一般的问题只使用css规则隐藏它们而不是使用脚本即使这回答了我的特殊情况，它没有回答更一般的问题当然这是可行的，但是如果我需要做一些其他的事情，比如更改文本或者其他什么呢？在dom ready上使用javascript，您可以随心所欲地显示和操作，这样就避免了第二次看到东西的效果非常感谢！如果你想，你可以在答案中加上这个，当然这是可行的，但是如果我需要做一些其他的事情，比如更改文本或者其他什么呢？你可以在dom ready上用javascript随意显示和操作，这样你就避免了第二次看到东西的效果非常感谢！如果你愿意，你也可以在答案中加上