400-800-9385
网站建设资讯详细

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

发表日期:2019-10-14 15:46:00   作者来源:方维网络   浏览:100   标签:网页前端开发    
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。
如图:

前端开发代码1

 
2.hover([over,]out):
描述:一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。
当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。
方法参数:over:鼠标移到元素上要触发的函数;out:鼠标移出元素要触发的函数。
如图:
 

前端开发代码2

 
  1. slideDown([speed],[easing],[fn]):
描述:这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中,上下的padding和margin也会有动画,效果更流畅。
方法参数:speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)
fn:在动画完成时执行的函数,每个元素执行一次。
如图:

前端开发代码3

如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/5372.html