jQuery中给dom对象绑定事件
$(选择器).事件名称( 事件的处理函数)
$(选择器)
定位dom对象,dom对象可以有多个,这些对象都会被绑定上对应的事件- 事件名称:js事件中去掉on的部分。例如:js中的单击事件onclick() ,jQuery中的单击事件是click,都是小写。
- 事件处理函数,就是一个function,当事件发生时,执行这个函数的内容
事件
.ready()
相当于onLoad事件.click(fun1)
绑定onclick事件,并关联处理函数.mouseover(fun2)
绑定onmouseover事件,并关联处理函数fun2
on() 绑定事件
on() 方法在被选元素上添加事件处理程序。 该方法给 API 带来很多便利,推荐使用该方法
语法:$(``选择器``)``.on(event,data,function)
- event:事件一个或者多个,多个之间空格分开. 就是js事件中去掉on的部分,例如onclick事件在这里写为click
- data: 可选。规定传递到函数的额外数据, json 格式
- function: 可选。规定当事件发生时运行的函数。
举例
<input type="button" id="btn">
$("#btn").on("click",function(){处理事件})
// 获取参数
$("p").on("click", {name:"zhangsan"}, function(event){
alert(event.data.name)
})