jQuery-1.语法、选择器、节点操作
// 引入jQuery库
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
// 文档加载完成后执行
$(document).ready(function(){
// 选择器：选取所有的段落元素
$("p").click(function(){
// 节点操作：改变被点击的段落的文本颜色为红色
$(this).css("color", "red");
});
// 选择器：选取id为"myDiv"的元素
$("#myDiv").hover(function(){
// 节点操作：鼠标悬停时改变背景颜色为蓝色
$(this).css("background-color", "blue");
}, function(){
// 节点操作：鼠标离开时改变背景颜色为默认颜色
$(this).css("background-color", "#f0f0f0");
});
});
</script>这段代码展示了如何使用jQuery来处理文档加载完成后的事件，包括如何给段落设置点击事件和如何在鼠标悬停和离开时改变特定元素的样式。
评论已关闭