我刚开始学习HTML, javascript和jQuery，但我不能将这三个链接在一起。到目前为止我所做的是:HTML文件:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript" src="test.js"></script>
<link rel="stylesheet" href="test.css" type="text/css"/>
</head>
<body>
<button class="alert-btn">Click me for alert</button>
</body>
$(".alert-btn").click(function(){
alert("Hey there!");
});
所以你可以看到，我试图把链接在html文件的头部部分，但它不工作。我做错了什么，或者我需要补充什么?
如果代码:
$(".alert-btn").click(function(){
alert("Hey there!");
});
在文件test.js中，您应该在加载DOM元素后加载该文件:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="test.css" type="text/css"/>
</head>
<body>
<button class="alert-btn">Click me for alert</button>
<script type="text/javascript" src="test.js"></script>
</body>
我肯定会在标题中使用' $(document).ready(…)up。