jQuery中给dom对象绑定事件

$(选择器).事件名称( 事件的处理函数)

  1. $(选择器)定位dom对象,dom对象可以有多个,这些对象都会被绑定上对应的事件
  2. 事件名称:js事件中去掉on的部分。例如:js中的单击事件onclick() ,jQuery中的单击事件是click,都是小写。
  3. 事件处理函数,就是一个function,当事件发生时,执行这个函数的内容

事件

  1. .ready()相当于onLoad事件
  2. .click(fun1)绑定onclick事件,并关联处理函数
  3. .mouseover(fun2)绑定onmouseover事件,并关联处理函数fun2

on() 绑定事件

on() 方法在被选元素上添加事件处理程序。 该方法给 API 带来很多便利,推荐使用该方法
语法:$(``选择器``)``.on(event,data,function)

  • event:事件一个或者多个,多个之间空格分开. 就是js事件中去掉on的部分,例如onclick事件在这里写为click
  • data: 可选。规定传递到函数的额外数据, json 格式
  • function: 可选。规定当事件发生时运行的函数。

举例

  1. <input type="button" id="btn">
  2. $("#btn").on("click",function(){处理事件})
  3. // 获取参数
  4. $("p").on("click", {name:"zhangsan"}, function(event){
  5. alert(event.data.name)
  6. })