jQuery的事件机制
jq的事件分类
click() 单击事件
blur() 失去焦点
mouseenter() 鼠标进入
mouseleave() 鼠标离开
dbclick() 双击事件
change() 改变事件,如:文本框值改变,下拉列表值改变,注意区别 input()
focus() 获得焦点
keydown() 键盘摁下
keyUp() 键盘松开
jQ里事件的绑定
jqObj.click()
jqObj.bind( “click”,function(){})
jqObj.delegate(“p”,”click”,function(){}) 为jqObj下面的所有p标签绑定click事件
jqObj.on(“click keydown”,“span”,data, function(){}) 最现代的方式
第一个参数:events,即事件名,可以由空格分割的多个事件
第二个参数:执行事件的jqObj的后代元素
第三个参数:data,传递给处理函数的数据,event.data。(了解)
第四个参数:事件处理函数
jQ里事件的解绑
l unbind()
解绑使用 bind方式绑定的事件
l off()
解绑使用on 方式绑定的事件
当off方法没有参数,会解绑所有的已绑定事件
trigger()模拟浏览器行为
jQuery的事件对象介绍(重点)
回车换行
each()方法
$(“li”).each(function(index,element){…})
参数1 index,表示当前元素在所有匹配到的元素中的索引号
参数2 element, 表示当前元素对象,但是是DOM对象
jQuery插件机制
jQuery虽然强大,但是还有需要一些扩展功能来帮助我们开发
使用步骤:
color.js
lazyload.js
jQuery多库共存
此处多库共存是指:jQuery占用了$ 和 jQuery 这两个变量。当在同一个页面中引用了jQuery这个js库,并且引用了其他的js库(或者是其他版本的jQuery库)中也用了$或者jQuery这两个变量,要保证每个库都能正常使用
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jQuery