1,$(document).ready(fn)
页面加载完毕 触发事件函数
2,$(document).load(fn)
如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。
(上面两者区别在JQuery中,load是所有Dom元素创建完毕、图片、Css等都加载完毕后才被触发,而ready则是Dom元素创建完毕后就被触发,这样可以提高网页的响应速度。)
3.hover(moverfn,outfn)
当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件
例:
$('#menu li').hover(function() { var $this = $(this); $('a', $this).stop(true, true).animate({ 'bottom' : bottomhover }, 300); $('i', $this).stop(true, true).animate({ 'top' : '40px' }, 400); }, function() { var $this = $(this); $('a', $this).stop(true, true).animate({ 'bottom' : bottom }, 300); $('i', $this).stop(true, true).animate({ 'top' : '60px' }, 400); }); });
相关推荐
在深入探讨jQuery的知识点之前,首先需要理解jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。jQuery的核心特性是其选择器,它允许开发者通过CSS样式的语法轻松选取HTML...
在本文中,我们将深入探讨如何使用jQuery来实现各种前端效果,包括动画、事件处理、DOM操作等。jQuery是一个流行的JavaScript库,它简化了...在实际项目中,jQueryDemo这样的实践案例有助于加深理解并积累经验。
- **最佳实践**:分享在实际开发过程中积累的经验教训,避免常见的错误和陷阱。 #### 四、学习方法与技巧 - **循序渐进**:建议按照教材的章节顺序逐步学习,确保基础知识掌握牢固后再进入更高级的内容。 - **...
多年收集积累的JS、jQuery插件、UI集合(90个),前端学习资料 11款JQuery动画效果的导航菜单‘等资料 15jQueryDemo.rar 3DGallery.zip bootstrap-3.3.2-dist.zip bootstrap-3.3.2.zip easyUI 1.4.4 Demo easyzoom....
**JavaScript与jQuery基础** JavaScript,通常简称为JS,是一种轻量级的脚本语言,广泛应用于网页和网络应用...通过不断地练习和项目经验积累,你将能够熟练运用jQuery,创造出更多富有创意和用户体验良好的Web应用。
### 5天驾驭JQuery教程:轻松掌握JQuery的关键知识点 ...总之,学习JQuery不仅需要理论知识的积累,更需要实践中的不断摸索和总结。随着对JQuery的深入了解,你将能够更高效地进行Web开发,实现更丰富的网页交互效果。
此外,为了优化性能,我们应该遵循最佳实践,如延迟加载未显示的内容,使用事件委托来处理大量的动态元素,以及合理地使用`.stop()`防止动画堆栈积累等。 在开发过程中,可以借助jQuery插件进一步丰富功能。例如,`...
- `.stop()`方法用于防止动画队列积累,确保动画流畅执行。 - `'slow'`参数表示动画的持续时间,也可以自定义毫秒数。 4. **响应式设计**: - 考虑到不同设备的屏幕尺寸,可能需要在小屏幕上改变菜单的布局。...
这篇"jquery三年经验总结"旨在分享作者在使用jQuery过程中积累的知识和经验,帮助初学者或有一定基础的开发者更好地理解和运用jQuery。 首先,jQuery的核心特性包括选择器、DOM操作和事件处理。选择器类似于CSS,但...
1.2到1.3的过渡中,jQuery逐渐成熟并积累了更多实用功能。例如,`live()`方法的引入解决了动态内容的事件绑定问题,而性能的优化则使jQuery在大型项目中的表现更加出色。此外,1.3版本还修复了一些已知的bug,提升了...
《jQuery学习笔记详解》 jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。...在学习过程中,结合实践不断探索和积累,才能真正掌握这一强大的工具。
在实践中不断积累,掌握各种特效的实现方式,从而提高自己的网页开发技能。 总之,"jquery网页特效"这个资源是学习和应用jQuery特效的好材料,无论是初学者还是有经验的开发者,都能从中受益。通过学习和实践,你...
《JQuery实战》视频教程源码及PPT是一套针对前端开发者精心编排的课程资源,旨在深入浅出地...通过实际操作和案例分析,学习者不仅可以理论联系实际,还能积累丰富的项目经验,为实际工作中的问题解决提供有力支持。
**jQuery 简单表格排序** 在Web开发中,数据展示是常见的需求,尤其是在处理大量结构化信息时,表格(Table)是首选的布局...对于源码和工具的探索,这不仅能帮助理解其工作原理,还能为未来的项目开发积累宝贵经验。
随着经验的积累,可以进一步探索jQuery的高级特性,如插件开发和 Deferred 对象。 总之,jQuery 1.7版本是一个强大且易用的JavaScript库,它的API文档是开发者的重要参考资料。通过深入学习和实践,开发者可以大幅...
总结,jQuery的学习并非一蹴而就,需要通过实践不断积累。从基本选择器和DOM操作,到复杂的动画和Ajax交互,每个部分都值得我们深入研究。希望这篇笔记能成为你探索jQuery世界的向导,助你在Web开发的道路上更加...
这个资源包含了作者在自学jQuery过程中积累的笔记,以HTML页面的形式呈现,方便阅读和学习。 1. **jQuery简介** - jQuery是由John Resig在2006年创建的,它的核心理念是“write less, do more”。jQuery通过封装...
在本文中,我们将深入探讨如何使用jQuery实现新闻图片的动态切换效果。jQuery是一个强大的JavaScript库,它极大地简化了DOM操作、事件处理以及动画效果。在新闻网站中,图片切换功能通常用于展示多张相关的新闻图片...
**jQuery API 深度解析** jQuery 是一个广泛使用的 JavaScript 库,以其简洁的语法和强大的功能而闻名。它极大地简化了 DOM 操作、事件处理、动画制作以及Ajax交互,使得网页开发变得更加高效。本资源包含一系列带...