Jquery事件

1、链式语法

$('#div')

.find('p.chlid')             破坏结构

.remove('hello')

.addClass('hello')

.css('hello')

.end()            还原破坏之前

DOM2事件模型

2、addEventListener('click',function(){

  console.log('click')

})

attachEvent()    老版本浏览器

添加事件处理

3、on(evenType[,selector][,data],handler)

evenType事件名称,多个名称用空格分开

selector 选择器

data 数据

handler  事件处理函数

4、统一方法和属性

阻止冒泡: stopPropagtion()            //event.stopPropagtion()      event.cancelBubble = true;        istopPropagtion()  判断是否阻止

阻止冒泡和后续绑定的事件         stopImmediatePropagtion()                itopImmediatePropagtion()                 判断是否阻止

阻止默认行为: preventDefault()            ispreventDefault()   判断是否阻止

阻止冒泡和默认行为: return false

5一次处理事件

.one(evenType[,selector][,data],handler)

6移除事件处理

off(evenType[,selector][,handler])

 7、快捷方法

blur    change    click    dbclick   focus   focusin    focusout    keydown   keypress   keyup   

mousedown   mouseenter     mouseleave   mousemove   mouseout    mouseover   mouseup 

ready  resize   scroll   select   submit

8、自定义事件

.on()   .trigger()

posted @ 2018-10-08 10:52  键1234  阅读(83)  评论(0编辑  收藏  举报