网页前端开发之Jq几个常用方法的用法

来源： All文章

发布时间：2023-04-24 15:04:47

　　1.on(events，[selector]，[data]，fn)：在选择元素上绑定一个或多个事件的事件处理函数。

　　描述：on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery

　　1.7中，.on()方法提供绑定事件处理程序所需的所有功能。帮助从旧的jQuery事件方法转换，see.bind()，.delegate()，和.live()。

　　方法参数：events：一个或多个用空格分隔的事件类型和可选的命名空间，如click或keydown.myPlugin。

　　selector：一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的null或省略，当它到达选定的元素，事件总是触发。

　　data：当一个事件被触发时要传递event.data给事件处理函数。

　　fn：该事件被触发时执行的函数。false值也可以做一个函数的简写，返回false。

　　如图：

　　2.hover([over，]out)：

　　描述：一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种保持在其中的状态。

　　当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在p中的图像），如果是，则会继续保持悬停状态，而不触发移出事件（修正了使用mouseout事件的一个常见错误）。

　　方法参数：over：鼠标移到元素上要触发的函数;out：鼠标移出元素要触发的函数。

　　如图：

描述：这个动画效果只调整元素的高度，可以使匹配的元素以滑动的方式显示出来。在jQuery

　　1.3中，上下的padding和margin也会有动画，效果更流畅。

　　方法参数：speed：三种预定速度之一的字符串(slow，normal，orfast)或表示动画时长的毫秒数值(如：1000)

　　fn：在动画完成时执行的函数，每个元素执行一次。

　　如图：

* 文章来源于网络，如有侵权，请联系客服删除处理。