当然可以。jQuery 是一个流行的 JavaScript 库,它可以简化 HTML 文档遍历、事件处理、动画和 Ajax 交互。而 JavaScript 是一种编程语言,用于实现网页的动态交互效果。将 jQuery 和 JavaScript 共存于一个文件中是完全可行的。
在一个 HTML 文件中,可以通过在<script>` 标签中引入 jQuery 库和编写自己的 JavaScript 代码来实现这一点。例如:
<!DOCTYPE html>
<html>
<head>
<title>jQuery and JavaScript in One File</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>Hello, World!</h1>
<script>
// 这里编写 JavaScript 代码
document.querySelector('h1').style.color = 'red';
// 这里编写 jQuery 代码
$('h1').click(function() {
$(this).hide();
});
</script>
</body>
</html>
在这个例子中,我们首先引入了 jQuery 库,然后在<script>` 标签中编写了 JavaScript 和 jQuery 代码。这样,我们就可以在同一个文件中使用 jQuery 和 JavaScript 了。
需要注意的是,确保在使用 jQuery 代码之前已经加载了 jQuery 库,否则可能会导致错误。
领取专属 10元无门槛券
手把手带您无忧上云