HTML网页中导入jquery并执行代码
要在HTML页面中导入jQuery并执行代码,你需要首先在HTML文件的<head>
部分或者<body>
部分结束前通过<script>
标签导入jQuery库。接着,你可以在另一个<script>
标签中编写你的jQuery代码。
以下是一个简单的例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- 导入jQuery库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- 你的页面内容 -->
<script>
// 使用jQuery编写的代码
$(document).ready(function(){
// 当DOM完全加载完成后执行的代码
$('body').append('<p>jQuery 代码已执行。</p>');
});
</script>
</body>
</html>
在这个例子中,我们通过一个在线CDN链接导入了jQuery库。当DOM完全加载后,我们向<body>
元素追加了一个新的段落,说明jQuery代码已经执行。确保你的网络连接可以访问上述的jQuery CDN链接,否则导入可能失败。
评论已关闭