javascript - 使用 fadeIn() 时的 jQuery "Uncaught TypeError: undefined is not a function"；

Question

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

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

我定位的 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');