jQuery介绍及基本使用
jQuery是一个快速、简洁的JavaScript库，它使得HTML文档遍历和操作、事件处理、动画和Ajax等操作更加简单和易于使用。
基本使用jQuery的步骤：
- 引入jQuery库
- 使用jQuery语法
示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery 示例</title>
<!-- 引入jQuery库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// 等待DOM完全加载完成
$(document).ready(function() {
// 使用jQuery选择器和事件处理
$('#myButton').click(function() {
// 当按钮被点击时，隐藏这个按钮
$(this).hide();
});
});
</script>
</head>
<body>
<button id="myButton">点击我</button>
</body>
</html>在这个例子中，当按钮被点击时，使用jQuery的hide()方法隐藏这个按钮。这里的$('#myButton')是一个jQuery选择器，它选择了ID为myButton的DOM元素，.click()是为这个元素绑定点击事件的方法。$(document).ready()确保了在DOM完全加载后才执行内部代码。
评论已关闭