jQuery-3

jQuery:
事件:

常用事件:

多个事件绑定:on()

鼠标事件:  鼠标放置事件:.click()  鼠标移入调用f1,移除调用f2:.hover(f1,f2)

焦点:  失去焦点:.blur()  获取焦点:.focus()

表单元素发生改变触发事件:.change()  

文本元素被选中时发生事件:.select()

实时监听输入值发生变化:.input()

按住按键批量操作组合事件:.keydown(),.keyup()  每个按键都有特定的对应值

事件绑定:

  方法一:直接绑定   .方法(function)

  方法二:通过on来绑定    .on(events(事件)[,selector(选择器)],function())

  移除绑定事件     .off(events(事件)[,selector(选择器)],function())

  阻止后续事件的执行    return false

页面载入:  

把执行事件写在显示事件前面时,会加上一个执行函数。$(decoument).ready((function){ JS代码})————另外一种方式基本不用$(function){ JS代码 }

事件委托:

通过事件冒泡的原理,利用父标签去捕获子标签的事件,表格中的每一行的编辑和删除都能触发相应的事件。$("table").on("click",".delete",function(){  删除按钮的绑定事件})

页面效果:

基本显示:show()  hide()  toggle()

滑动:sildeDown()  slideUp()  slideToggle()

淡入淡出:fadeIn()  fadeOut()  fadTo()  fadeToggle()

补充:

1.each:

一个通用的迭代函数,它可以用来无缝迭代对象和数组。数组和类似数组的对象通过一个长度属性(如一个函数的参数对象)来迭代数字索引,从0到length - 1。其他对象通过其属性名进行迭代。优化for循环取值

终止循环:return false

2.data():

在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素

的给定名称的数据存储的值,是一种缓存机制。

在匹配的元素上储存任意相关的数据:.data(key,value)

需要注意的是,data()的值进行修改并不会影响到DOM元素上的data-*属性的改变。



原文地址:https://www.cnblogs.com/tianyu529/p/9145798.html