web工程师实用笔记分享-4!

      发布在:未分类      评论:0 条评论

web工程师实用笔记分享-4!

jquery中的遍历

each()

用法:

对象.each(function(index,ele){

index 表示遍历元素的下标

ele 表示遍历的元素 这里的ele 指的是DOM元素(js对象) 用jquery的方法必须转换 $(ele) $(this)

})


jquery中的scroll

获取页面垂直方向的滚动距离 scrollTop()

获取页面水平方向的滚动距离 scrollLeft()

$(window).scroll(function(){

$(document).scrollTop();//触发滚动条事件的Top值;

})


jquery中的事件

页面加载事件:ready

$(document).ready(function(){

})

事件绑定:

1、bind

对象.bind(事件,function(){...}) 为某个对象绑定一个事件,一个处理程序

对象.bind("事件1","事件2...",function(){...}) 为某个对象绑定多个事

件,一个处理程序

对象.bind({

"事件1":function(){...},

"事件2":function(){...},

。。。

})

unbind 取消绑定事件

用法: 对象.unbind("事件") 取消多个事件绑定 中间用空格间隔 和addclassname 一致


2、事件的委托 delegate

用法:

父级对象.delegate("子级对象","事件",function(){

})

取消委托: undelegate

用法: 父级对象.undelegate(“事件”


3、on 可以实现绑定或委托的效果

绑定

$("").on({

“事件”:function(){...},

......

})

对象.off("事件") 取消绑定

委托:

父级对象.on(“事件”,“子对象”,function(){。。。})


4、事件切换

对象.hover(function(){

//mouseover

}).hover(function(){

})


你都看到这了?!不点个关注,加个收藏再走嘛~

防止阅读疲劳,欢迎大家持续关注。号内有多个专题,小程序(持续更新中),Javascript(完结),Vue(视频),JQuery(持续更新)等学习资源。觉得有收获的可以收藏关注,欢迎骚扰,一起学习,共同进步。


我的小程序,自律更自由,如果你也喜欢锻炼的话在这里寻找你的小伙伴吧。

一只喜欢锻炼的程序猿,嘿嘿。

web工程师实用笔记分享-4!

Responses