Javascript 在自调用函数中使用jquery_Javascript_Jquery

Javascript 在自调用函数中使用jquery

javascript jquery

Javascript 在自调用函数中使用jquery,javascript,jquery,Javascript,Jquery,inherit.js <!DOCTYPE> <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="inherit.js"></script> </head> <body&g

inherit.js

<!DOCTYPE>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="inherit.js"></script>
</head>

<body>
<div id="observersContainer"></div>
</body>
<script type="text/javascript">
</script>


</html>

（函数（$）{
$（“#observersContainer”）。追加（“测试””；
})（jQuery）；

我正在测试如何在我的项目中使用self-invoke函数，我是新手，我尝试在self-invoke中使用jquery，但没有注意到发生了什么，我添加了$，并将扩展传递给函数，但仍然没有注意到发生了什么，所以我在这里错过了什么

将jquery导入替换为https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js>并将inherit.js中的代码更改为：

(function ($){
  $("#observersContainer").append( "<p>Test</p>" );
})(jQuery);

$（文档）.ready（函数（）{
$（“#observer container”）。追加（“Test”；
});

这应该可以完成任务。

您正在head中加载脚本。这将在呈现DOM之前运行IIFE。将脚本标记放在末尾

$(document).ready(function(){
$('#observersContainer').append("<p>Test</p>");
});