jQuery
jQuery是一个库，里面有大量的JavaScript代码
引入
-
下载jQuery包
-
使用在线链接，参考https://www.jq22.com/cdn/,里面有很多的在线链接，可以选择引入
<body>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> //导入在线文档
<script src="resourse/jquery-3.6.0.min.js"></script> //导入本地文档
</body>
使用
公式：$(选择器).action()
选择的方式和css的选择器相同
<script src="resourse/jquery-3.6.0.min.js"></script> <!--//导入本地文档-->
<a href="#" id="text_id">点击</a>
<p class='p'>这是一个p元素</p>
<script>
$('#text_id').click(function(){
alert('点击成功');
})
</script>
选择器参考：jQuery中文文档工具站：https://jquery.cuishifeng.cn/
事件
鼠标事件,键盘事件，其他事件
$(function(){}) //当网页元素加载完毕，响应事件
//获得鼠标指针在页面中的位置：
$(function(){
$('#divmove').mousemove(function(e){
$('#move').text('x:'+e.pageX+'y:'+e.pageY);
})
})
操作DOM
文本操作：
//获取DOM结点的值
$('#list li[id=c]').text();
//修改结点的值
$('#list li[id=c]').text('c++');
//获取结点的结构
$('#list li[id=c]').html();
//修改结点的结构
$('#list li[id=c]').html("<a href='#'>点击</a>");
css操作：
$('ol').css({'color':'blue','background':'lightpink'}); //使用键值对形式设置css样式
$('ol li[id=python]').hide(); //隐藏
$('ol li[id=python]').show(); //显示
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· winform 绘制太阳，地球，月球 运作规律
· 上周热点回顾（3.3-3.9）