📅  最后修改于: 2023-12-03 14:43:19.331000             🧑  作者: Mango
jQuery 是一个快速、小巧且功能丰富的 JavaScript 库。它能够简化 HTML 文档遍历、事件处理、动画效果等操作。在现代 Web 开发中被广泛使用。
你可以通过以下链接下载 jquery-3.2.1.min.js
文件:
在 HTML 页面中,你可以通过 <script>
标签引入 jQuery 文件:
<script src="path/to/jquery-3.2.1.min.js"></script>
然后,你可以使用 $
符号访问 jQuery 的功能。
以下是一个简单的示例,使用 jQuery 修改页面中所有段落的文本颜色为红色:
$(document).ready(function() {
$('p').css('color', 'red');
});
jQuery 兼容各个现代浏览器,并且尽可能向后兼容旧版本浏览器。它在各个主流浏览器中广泛测试,能够在大多数 Web 应用中无缝运行。
以下是一个使用 jQuery 实现点击按钮隐藏元素的示例:
<!DOCTYPE html>
<html>
<head>
<title>jQuery Example</title>
<script src="path/to/jquery-3.2.1.min.js"></script>
<script>
$(document).ready(function() {
$('#hideBtn').click(function() {
$('#myElement').hide();
});
});
</script>
</head>
<body>
<h1>jQuery Example</h1>
<button id="hideBtn">隐藏元素</button>
<p id="myElement">这是要隐藏的元素。</p>
</body>
</html>
该示例中的元素在点击按钮后会隐藏起来。