jQuery不能在外部javascript文件中工作

Question

所以我是JavaScript的初学者。

我有这个简单的HTML文件，我尝试使用O(n^2)测试jQuery，我的问题是jQuery代码在HTML中有效，但是当我尝试将此代码放在外部JavaScript文件中时 testjs .js 并通过$("h1").hide()标记将其插入script，它不再有效。为了清楚起见，外部JavaScript文件被识别，例如当我将head放在外部JS文件中时，它将显示＆＃34;第三次测试＆＃34;。 希望我很清楚

document.write("third test")

Answer 1

可能是DOM没有加载你想要隐藏的h1元素。尝试在testjs.js中使用此代码。

$(document).ready(function() {
    $('h1').hide();
});

操作元素时，应等待文档完全加载。

Answer 2

问题在于文档加载执行。 $('h1').hide()的执行发生在文档完全加载之前。

三种选择

• 将脚本放在正文的底部。

    <script src="js/testjs.js"></script>
</body>

• 绑定事件DOMContentLoaded并将隐藏的逻辑放在其中。

document.addEventListener("DOMContentLoaded", function(event) {
   $('h1').hide();
});

• 使用jQuery
中的内置函数ready

$(document).ready(function() {
    $('h1').hide();
});