Javascript jQuery不工作-'；jQuery在定义之前就已经使用了'；_Javascript_Jquery

Javascript jQuery不工作-'；jQuery在定义之前就已经使用了'；

javascript jquery

Javascript jQuery不工作-'；jQuery在定义之前就已经使用了'；,javascript,jquery,Javascript,Jquery,注意：我不熟悉Javascript和jQuery 我有这个测试代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Test Page</title> <link href="_css/main.css" rel="stylesheet" type="text/css"> </head> <body> <div

注意：我不熟悉Javascript和jQuery

我有这个测试代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test Page</title>
<link href="_css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="mainArticle">
<h1>This is some test code</h1>
  <p>Lots of text to test this test co</p>
</div>

<script scr="jquery-1.11.3.min.js"></script>
<script src="script.js"></script>


</body>
</html>

在我的JS文件中，我有：

jQuery("#mainArticle").addClass("highlight");

我不能让它工作。我的div的背景未应用“突出显示”。我的JS文件中的错误一直在说“jQuery在定义之前就已经被使用了”。我不知道该怎么办。

您也可以调用此脚本，而不是通过JS文件突出显示此div：

<script src="jquery-1.11.3.min.js"></script>
<script>
$( document ).ready(function() {
    $('#mainArticle').addClass("highlight");
});
</script>


$（文档）.ready（函数（）{
$（'#main article'）.addClass（“突出显示”）；
});

您也可以调用此脚本，而不是通过JS文件突出显示此div：

<script src="jquery-1.11.3.min.js"></script>
<script>
$( document ).ready(function() {
    $('#mainArticle').addClass("highlight");
});
</script>


$（文档）.ready（函数（）{
$（'#main article'）.addClass（“突出显示”）；
});

//jQuery链接
//在加载jQuery后执行操作
$（文档）.ready（函数（）{
$（'#main article'）.addClass（“突出显示”）；
});

//jQuery链接
//在加载jQuery后执行操作
$（文档）.ready（函数（）{
$（'#main article'）.addClass（“突出显示”）；
});

试试看

试一试

代码中有语法错误

scr

应该是

src

<script scr="jquery-1.11.3.min.js">

应该是

<script src="jquery-1.11.3.min.js">

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test Page</title>
<link href="_css/main.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<style type="text/css">
.highlight {
background: #ffffcc;
}
</style>

</head>
<body>
<div id="mainArticle">
<h1>This is some test code</h1>
  <p>Lots of text to test this test co</p>
</div>

<script scr="jquery-1.11.3.min.js"></script>
<script src="script.js"></script>

<script type="text/javascript">
jQuery("#mainArticle").addClass("highlight");

</script>

</body>
</html>

小心愚蠢的错误，特别是在HTML中，你不会得到任何错误。

你的代码中有语法错误

scr

应该是

src

<script scr="jquery-1.11.3.min.js">

应该是

<script src="jquery-1.11.3.min.js">

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test Page</title>
<link href="_css/main.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<style type="text/css">
.highlight {
background: #ffffcc;
}
</style>

</head>
<body>
<div id="mainArticle">
<h1>This is some test code</h1>
  <p>Lots of text to test this test co</p>
</div>

<script scr="jquery-1.11.3.min.js"></script>
<script src="script.js"></script>

<script type="text/javascript">
jQuery("#mainArticle").addClass("highlight");

</script>

</body>
</html>

小心愚蠢的错误，特别是在HTML中，你不会得到任何错误。

正如上面所建议的那样，addClass工作得非常好

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test Page</title>
<link href="main.css" rel="stylesheet" type="text/css">
<script src="jquery-1.11.3.min.js"></script>
 <script>
 $( document ).ready(function() {
        $('#mainArticle').addClass("highlight");
   });
    </script>
</head>
<body>
<div id="mainArticle">
<h1>This is some test code</h1>
  <p>Lots of text to test this test co</p>
</div>
</body>
</html>


测试页
$（文档）.ready（函数（）{
$（'#main article'）.addClass（“突出显示”）；
});
这是一些测试代码
大量的文本来测试这个测试公司

正如上面所建议的那样，addClass工作得非常好

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test Page</title>
<link href="main.css" rel="stylesheet" type="text/css">
<script src="jquery-1.11.3.min.js"></script>
 <script>
 $( document ).ready(function() {
        $('#mainArticle').addClass("highlight");
   });
    </script>
</head>
<body>
<div id="mainArticle">
<h1>This is some test code</h1>
  <p>Lots of text to test this test co</p>
</div>
</body>
</html>


测试页
$（文档）.ready（函数（）{
$（'#main article'）.addClass（“突出显示”）；
});
这是一些测试代码
大量的文本来测试这个测试公司

通过firebug Jquery未定义由以下原因之一导致的此类错误：-

JS文件未正确加载。
您的javascript在页面完全加载之前运行。
您已经编辑了核心Jquery文件，或者插件可能已经覆盖了$variable

通过检查代码，它应该是

<script src="jquery-1.11.3.min.js">

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test Page</title>
<link href="_css/main.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<style type="text/css">
.highlight {
background: #ffffcc;
}
</style>

</head>
<body>
<div id="mainArticle">
<h1>This is some test code</h1>
  <p>Lots of text to test this test co</p>
</div>

<script scr="jquery-1.11.3.min.js"></script>
<script src="script.js"></script>

<script type="text/javascript">
jQuery("#mainArticle").addClass("highlight");

</script>

</body>
</html>


测试页
.亮点{
背景：#ffffcc；
}
这是一些测试代码
大量的文本来测试这个测试公司
jQuery（“#main article”）.addClass（“highlight”）；

通过firebug Jquery未定义由以下原因之一导致的此类错误：-

JS文件未正确加载。
您的javascript在页面完全加载之前运行。
您已经编辑了核心Jquery文件，或者插件可能已经覆盖了$variable

通过检查代码，它应该是

<script src="jquery-1.11.3.min.js">

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test Page</title>
<link href="_css/main.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<style type="text/css">
.highlight {
background: #ffffcc;
}
</style>

</head>
<body>
<div id="mainArticle">
<h1>This is some test code</h1>
  <p>Lots of text to test this test co</p>
</div>

<script scr="jquery-1.11.3.min.js"></script>
<script src="script.js"></script>

<script type="text/javascript">
jQuery("#mainArticle").addClass("highlight");

</script>

</body>
</html>


测试页
.亮点{
背景：#ffffcc；
}
这是一些测试代码
大量的文本来测试这个测试公司
jQuery（“#main article”）.addClass（“highlight”）；

请检查jquery是否已加载。jquery是否与页面位于同一目录中？如果不是，则在加载jquery文件的情况下，将路径放入chrome Inspector check in network选项卡中的src=“./path/to/jquery/jquery.js”中。另外，在控制台中键入

或

jQuery

检查它们是否已定义和工作。jQuery文件与我的页面位于同一目录中。代码中有错误

scr

应为

src

联机

请检查jQuery是否已加载。jQuery是否与页面位于同一目录中？如果不是，则在加载jquery文件的情况下，将路径放入chrome Inspector check in network选项卡中的src=“./path/to/jquery/jquery.js”中。另外，在控制台中键入

或

jQuery

检查它们是否定义和工作。jQuery文件与我的页面位于同一目录中。您的代码中有错误

scr

应该是

src

在线

是，这是写入方式。您需要在dom就绪后编写addClass。感谢您的响应。我试过你的建议。。。它仍然不起作用；未应用样式。您也可以这样使用：

$（“#main article”）.css（“背景色”，“#ffffcc”）是，这是一种写入方式。您需要在dom就绪后编写addClass。感谢您的回复。我试过你的建议。。。它仍然不起作用；未应用样式。您也可以这样使用：$（“#main article”）.css（“背景色”，“#ffffcc”）