javascript - onclick= , onrun= "jQuery 代码"?

Question

这样的事情可能吗？

<div id="box1" onload="$("#box1").addClass("fadeIn");"></div>

加载文档时脚本似乎没有运行。我知道事先声明一个函数，然后在加载时使用它，如下所示。您是否能够编写 javascript/jQuery 而不是我上面尝试过的函数？

<div id="box1" onload="myFunction();"></div>

Answer 1

尝试添加到准备好的文档中：

$(document).ready(function () {
    $("#box1").addClass("fadeIn");
});

可能还有其他方法可以做到这一点，但据我发现这可能是最可靠的。

Answer 2

它可能会也可能不会起作用。当您的浏览器运行 everyonload时，jQuery 可能没有被初始化。最好直接在<script>.

Answer 3

.ready()使用方法 ( docs ) 或使用.on()方法 ( docs )动态执行此操作。ready 方法将在 DOM 准备好后立即执行代码。将onload在加载所有资产（例如图像）时执行。

$('#box1').ready( function() {
  ...
} );

//--or--

$( document ).ready( function() {
  $('#box1').on( 'load', function() {
    ...
  }
}

Answer 4

DIV元素没有onload事件。但是知道元素何时加载很容易，因为浏览器会同步加载 DOM。

只需将脚本放在结束标记之后即可：

<div id="box1"></div>
<script>$("#box1").addClass("fadeIn");</script>