锋利的Jquery读书笔记
一直觉得学习Jquery挺难的,看看选择器,记住他的一些方法,可是光看不练的话始终的掌握不了,个人觉得锋利的Jquery上面的例子不错,可以全部自己做出来的话应该就过关啦~~
下面列出本书的例子,供自己以后参考:
第一章:1、做一个导航栏,单击不同的章节名称链接,显示相应的内容,同时高亮显示当前选择的章节。效果如图:
2、某个论坛的注册页面,用户必须选中页面下方"同意并接受注册协议"复选框,否则不能提交
第二章:1、给网页中所有的p元素添加onclick事件
2、使特定的表格隔行变色
3、对多选框进行操作,输出选中的多选框的个数
4、实现某网站品牌列表的效果:用户进入该页面时,品牌列表默认是精简显示的,用户点击商品下方的"显示全部品牌"按钮来显示全部的品牌,效果如图所示:
第三章:1、超链接提示,浏览器已经自带了超链接提示,只需要在链接中加入title属性就可以了,但是要更好的实现人机交互,请实现。
2、图片提示效果:当鼠标移动到网页上的小图片的时候,可以显示大图片来获得提示
第四章:1、实现视频效果:用户单击左上角的左右箭头,来控制视频展示的左右滚动,当单击向右箭头时,下面的展示视频会向左滚动隐藏,同时新的视频展示会以滚动的方式显示出来。
第五章:1、左右都有下拉框选项,用户可以通过中间的按钮将左边的选项添加到右边,也可以将右边的选项添加到左边,或者双击选项,将其添加给对方,效果如图所示:
2、给一张人员资料表,
给表格进行隔行变色的操作
2、在第一列前面加一列单选框,当单击某一行时,此行被高亮选中,并且单选框被选中。
3、将单选框变成复选框,单击复选框可以使多行变色,并且没有限制被选中的个数
4、放大缩小字体:
5、网页选项卡:选项卡的第一个选项被选中的时候,然后下面的区域显示相应的内容,
6、网页换肤:通过调用不同的样式表文件来实现不同皮肤的切换,
第六章:1、基于jquery的聊天室
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述