错误“类型错误: $(..）.孩子不是一种功能”

Error "TypeError: $(...).children is not a function"

本文关键字：错误 一种 功能 类型 孩子 类型错误      更新时间：2023-09-26

我尝试用jQuery选择某个DOM元素。

网页内容：

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script>
    </head>
    <body>
      <nav id="nav" class="navigator">
      <h1>Nav Header</h1>
      <ul class="nav-list">
        <li class="nav-item"><a >Item #1</a></li>
        <li class="nav-item active"><a href="#2">Item #2</a></li>
      </ul>
      </nav>
    </body>
</html>

我想选择项目 #1。我用了

$('.nav-list').children()

我得到了

类型错误： $（...）。孩子不是一个函数

这是怎么回事？

你需要在你的页面中包含jQuery。

如今，大多数浏览器默认在其控制台中包含$()功能，以便于选择元素，但这仅映射到 document.getElementById() .

返回的值将没有.children()方法。

此外，如果直接从文件系统加载 HTML 页面，则需要包含 CDN 脚本 URL 的http://。否则，您的浏览器将尝试在本地系统上查找.js文件。

就我而言，通过将".children（）"替换为"children"解决了该问题。

结果我得到了一系列孩子。

从 $ 在浏览器控制台中不引用 jQuery 的事实来看，我找到了一种方法来更改 Google Chrome 中的当前会话。我刚刚将这个 github 页面中的 JavaScript 源代码粘贴到控制台中：

在 Chrome JavaScript 控制台中使用 jQuery

供将来参考的代码：

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();

在那之后我可以

$("html").children()
相关文章：