首页 >> 睿阳学院 >> 前端开发者都应知道的 jQuery 小技巧

前端开发者都应知道的 jQuery 小技巧

一个简单技巧的集合,帮你提升 jQuery 技能

1.回到顶部按钮

2.预加载图片

3.检查图片是否加载完毕

4.自动修复损坏的图片

5.Hover 上的 Class 开关

6.禁用 input 字段

7.停止链接加载

8.淡入淡出/滑动开关

9.简单的折叠效果

10.将两个 Div 设为相同高度

11.在新窗口打开外部链接

12.找到文本元素

13.切换可视与隐藏的触发器

 

回到顶部按钮

通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画:

将 scrollTop 的值改为你想要 scrollbar 停止的地方。然后你要做的就是,设置在 800 毫秒内回到顶部。

预加载图片

如果你的页面使用了大量不能初始可见的图片(例如绑定在 hover 上),预加载它们是十分有用的:

检查图片是否加载完毕

有时你或许要检查图片是否完全加载完毕,才能在脚本中进行后续操作: