首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

取得事件、对象、属性

2012-10-28 
获得事件、对象、属性a hrefhttp://google.comclick me ./a$(function(){$(a).click(function(even

获得事件、对象、属性
<a href='http://google.com'>click me .</a>

$(function(){
$("a").click(function(event) {
  alert(event.type);//获取事件类型
  return false;//阻止链接跳转
});
})

//运行结果:显示click



使用属性捕捉对象
<a href='http://google.com'>click me .</a>
$(function(){
$("a[href=http://google.com]").click(function(event) {
  alert(event.target.href);//获取触发事件的<a>元素的href属性值
  return false;//阻止链接跳转
});
})



绑定函数,去掉绑定
$(function(){
   $('#btn').bind("click", function(){
$('#test').append("<p>我的绑定函数1</p>");
  }).bind("click", function(){
$('#test').append("<p>我的绑定函数2</p>");
  }).bind("click", function(){
  $('#test').append("<p>我的绑定函数3</p>");
      });
   $('#delAll').click(function(){
  $('#btn').unbind("click");  //去掉所有绑定

   });
})


  $('#btn').unbind("click",myFun2); //去掉单个绑定



只绑定一次
$(function(){
   $('#btn').one("click", function(){
$('#test').append("<p>我的绑定函数1</p>");
  }).one("click", function(){
$('#test').append("<p>我的绑定函数2</p>");
  }).one("click", function(){
  $('#test').append("<p>我的绑定函数3</p>");
      });
})

热点排行