gpt4 book ai didi

jquery - HTML、javascript 和 jQuery - 初学者

转载 作者:可可西里 更新时间:2023-11-01 13:01:12 25 4
gpt4 key购买 nike

我刚开始学习 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>

javascript 文件:

$(".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>

关于jquery - HTML、javascript 和 jQuery - 初学者,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38978093/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com