JavaScript-jQuery
JavaScript 和 jQuery库
jQuery 公式:$(selector).action()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="lib/jquery-3.6.0.js"></script>
</head>
<body>
<a href=""id="test-jquery">点我</a>
<script>
document.getElementById('id');
//选择器就是CSS的选择器
$('#test-jquery').click(function(){
alert('hello,jQuery');
})
</script>
</body>
</html>
选择器
<script>
//标签
document.getElementsByTagName();
//id
document.getElementById();
//类
document.getElementsByClassName();
//jQuery css中的选择器他全部都能用
$('p').click();//标签选择器
$('#id1').click();//id选择器
$('.clss1').click();//class选择器
</script>
文档工具栈:https://jquery.cuishifeng.cn/
事件
鼠标事件 键盘事件
css的操作
$('#test-ul li[name=python]').css({"color","red"})
元素的显示和隐藏
('#test-ul li[name=python]').hide()
技巧
1.如何巩固JS 看jQuery源码 看游戏源码
2.巩固HTML CSS(扒网站,全部down下俩,然后对应修改看效果)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现