jQuery结构简析，赶紧学起来
jQuery是一种快速、简洁的JavaScript库，主要用于简化HTML文档与JavaScript的操作。以下是一个简化的jQuery结构示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery简化示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
// 当DOM完全加载完成后执行的代码
$("#myButton").click(function(){
// 当按钮被点击时执行的代码
$("p").hide(); // 隐藏所有段落
});
});
</script>
</head>
<body>
<button id="myButton">点击我</button>
<p>这是一个段落。</p>
</body>
</html>在这个例子中，我们首先引入了jQuery库。然后，在<script>标签内，我们使用$(document).ready()确保DOM完全加载后再执行代码。在函数内部，我们绑定了一个点击事件到id为myButton的按钮上，当按钮被点击时隐藏所有段落。这是jQuery简化JavaScript编程的一个常见示例。
评论已关闭