锋利的Jquery读书笔记

一直觉得学习Jquery挺难的,看看选择器,记住他的一些方法,可是光看不练的话始终的掌握不了,个人觉得锋利的Jquery上面的例子不错,可以全部自己做出来的话应该就过关啦~~

下面列出本书的例子,供自己以后参考:

第一章:1、做一个导航栏,单击不同的章节名称链接,显示相应的内容,同时高亮显示当前选择的章节。效果如图:

2、某个论坛的注册页面,用户必须选中页面下方"同意并接受注册协议"复选框,否则不能提交

第二章:1、给网页中所有的p元素添加onclick事件

2、使特定的表格隔行变色

3、对多选框进行操作,输出选中的多选框的个数

4、实现某网站品牌列表的效果:用户进入该页面时,品牌列表默认是精简显示的,用户点击商品下方的"显示全部品牌"按钮来显示全部的品牌,效果如图所示:

第三章:1、超链接提示,浏览器已经自带了超链接提示,只需要在链接中加入title属性就可以了,但是要更好的实现人机交互,请实现。

2、图片提示效果:当鼠标移动到网页上的小图片的时候,可以显示大图片来获得提示

第四章:1、实现视频效果:用户单击左上角的左右箭头,来控制视频展示的左右滚动,当单击向右箭头时,下面的展示视频会向左滚动隐藏,同时新的视频展示会以滚动的方式显示出来。

第五章:1、左右都有下拉框选项,用户可以通过中间的按钮将左边的选项添加到右边,也可以将右边的选项添加到左边,或者双击选项,将其添加给对方,效果如图所示:

2、给一张人员资料表,

给表格进行隔行变色的操作

2、在第一列前面加一列单选框,当单击某一行时,此行被高亮选中,并且单选框被选中。

3、将单选框变成复选框,单击复选框可以使多行变色,并且没有限制被选中的个数

4、放大缩小字体:

5、网页选项卡:选项卡的第一个选项被选中的时候,然后下面的区域显示相应的内容,

6、网页换肤:通过调用不同的样式表文件来实现不同皮肤的切换,

第六章:1、基于jquery的聊天室

原文地址:https://www.cnblogs.com/stayhungry/p/2590094.html