Javascript Chrome开发者工具控制台不喜欢Jquery函数_Javascript_Jquery_Google Chrome

Javascript Chrome开发者工具控制台不喜欢Jquery函数

javascript jquery google-chrome

Javascript Chrome开发者工具控制台不喜欢Jquery函数,javascript,jquery,google-chrome,Javascript,Jquery,Google Chrome,我不确定我做错了什么，但在我的应用程序中，当我尝试做类似的事情时 $('#root').text(); 我明白了我不知道为什么，因为我正在引用jquery <!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width" /> <meta charset="UTF-8"> <title&g

我不确定我做错了什么，但在我的应用程序中，当我尝试做类似的事情时

$('#root').text();

我明白了

我不知道为什么，因为我正在引用jquery

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width" />
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
    <!--materialize does not understand jquery if I use it as import-->
</head>
<body>
    <div id="root"></div>
    <script src="bundle.js"></script>
</body>
</html>


文件

我正在使用reactjs，但我认为这不应该是一个问题，事实上，当我使用相同的命令时，firefox中的firebug没有问题

编辑

我的坏

$（'#test'）

是呈现到“root”div中的东西，但问题是相同的。因此，我刚刚将查询更新为do

$（'#root'）.text（）

但是执行

$（'#root'）

会找到元素，就像我在firebug中所说的那样，一切都正常。

您试图从id='test'的标记中获取值，但HTMl中没有。如果您使用了

$（'#root'）.val（）

，它会工作的

我相信您想要id=“test”的值。但是，我没有在您包含的html文件中看到

id=“test”

。此外，您还可以尝试获取html文本的

$（'#test'）.text（）

。

在控制台中，您可以使用

文档.querySelector（'#test'）

访问元素吗？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width" />
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
    <!--materialize does not understand jquery if I use it as import-->
</head>
<body>
    <div id="root"></div>
    <script src="bundle.js"></script>
</body>
</html>