深入探索jQuery:强大的JavaScript库
// 引入jQuery库
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
// 使用jQuery库编写脚本
<script>
$(document).ready(function(){
// 当点击id为"myButton"的按钮时,会发生下面的事件
$("#myButton").click(function(){
// 当按钮被点击时,会改变id为"myDiv"的元素的文本内容
$("#myDiv").text("jQuery 功能强大!");
});
});
</script>
// 页面上的HTML元素
<button id="myButton">点击我</button>
<div id="myDiv">这里的文本将被改变</div>
这个简单的例子展示了如何使用jQuery库来处理用户交互。当按钮被点击时,一个特定的DOM元素的文本内容会被改变。这是jQuery库的一个基本用法,它使得JavaScript编程更加简单和高效。
评论已关闭