jQuery＆＃34; Uncaught TypeError：undefined不是函数＆＃34;当使用fadeIn（）;

Question

我是JS的新手，我正在为同一文档中的每个页面编写一个基本的jQuery丰富的网页，其淡入/淡出（使用具有单独ID的相同div元素）。无论如何，当我尝试淡入当前页面时，我收到错误“Uncaught TypeError：undefined is not a function”，我在网上搜索但找不到解决方案。

在脚本之前加载HTML，并且页面标题中包含完整的jQuery库。

我定位的div元素有“display：none;”在我的CSS中设置。

HTML

<div class="page_content" id="page_home">
Content removed
</div>

JS：

<script>

var cp = "page_home";
var tp = document.getElementById(cp);
tp.fadeIn('slow');

</script>

任何人都有类似的经历并有解决方案吗？我确信它很简单，因为我的代码无论如何......

Answer 1

tp是一个简单的javascript对象，它没有名为.fadeIn()的函数

尝试将其包装在$()中以使其成为jquery对象，然后执行，

$(tp).fadeIn('slow');

或者更好地使用jquery的id selector来抓取元素，

$("#page_home").fadeIn('slow');

Answer 2

因为tp不是jquery对象，所以它不会有与jquery相关的方法。

使用，

$("#page_home").fadeIn('slow');