Javascript Can'；t通过JS文件访问JQuery_Javascript_Jquery_Html_Css

Javascript Can'；t通过JS文件访问JQuery

javascript jquery html css

Javascript Can'；t通过JS文件访问JQuery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我创建了HTML、CSS和JS文档，它们都通过HTML文档链接 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="script.js"></script> <link rel="stylesheet" type="text/css" href="style.css">

我创建了HTML、CSS和JS文档，它们都通过HTML文档链接

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="script.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css"></link>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">         </script>
</head>
<body>
</body>
</html>

我已经测试了文档连接，它们工作正常，那么如何让JQuery在外部js文件中工作呢？

首先使用库文件，然后在scripts.js上编写脚本

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css"></link>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">
    </script>
    <script type="text/javascript" src="script.js"></script>
</head>

<body>
</body>

</html>

首先使用库文件，然后在scripts.js上编写脚本

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css"></link>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">
    </script>
    <script type="text/javascript" src="script.js"></script>
</head>

<body>
</body>

</html>

始终在body标记末尾调用脚本

jquery脚本和script.jsjQuery库文件的更改位置应包含在使用jquery的脚本文件之前更改jquery脚本和script.jsjQuery库文件的位置应包含在使用jquery的脚本文件之前