第一次接触jquery
首先,需要在HTML文件中引入jQuery库。可以通过CDN引入,如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="content">Hello, jQuery!</div>
<script>
// jQuery代码写在这里
</script>
</body>
</html>
接下来,可以使用jQuery来编写一个简单的脚本,比如点击按钮后改变div
中的文本:
$(document).ready(function(){
$("#content").click(function(){
$(this).text("Content has been changed!");
});
});
在上面的例子中,$(document).ready
确保文档加载完成后再执行内部的代码,$("#content").click
绑定了一个点击事件到ID为content
的元素上,当点击时会改变该元素内的文本。
评论已关闭