Jquery 选择器问题!!!!!

保密保密 发布于 2013/05/03 14:07
阅读 243
收藏 1

<div id="m" style="width:400px;height:150px;border:1px solid black">
                <a href="#">example</a>
                <a href="#">example</a>
                <a href="#">example</a>
                <a href="#">example</a>
 </div>

给这个ID为m的div绑定鼠标经过事件,当鼠标进入这个div区域,就alert('1'),当鼠标在a标签上就不要alert("")!砸整


加载中
0
blindcat
blindcat
<script language="javascript" type="text/javascript">
	$(document).ready(function() 
	{ 
		fn_rebind();
		$('#m a').bind('mouseover', fn_unbind);
		$('#m a').bind('mouseout', fn_rebind);
	})
	
	function fn_rebind(){
		$('#m').bind('mouseover', fn_alert);
		$('#n').text('bind');
	}
	function fn_alert(){
		$('#n').text('alert');
	}
	
	function fn_unbind(){
		$('#m').unbind('mouseover', fn_alert);
		$('#n').text('unbind');
	}
	
</script>
<div id="m" style="width:400px;height:150px;border:1px solid black">
                <a href="#">example</a>
                <a href="#">example</a>
                <a href="#">example</a>
                <a href="#">example</a>
 </div>
<div id='n'></div>
0
zino
zino

$("#m").live("mouseenter",function(e){
    if(e.target.nodeName=="A") return;
    //do your thing
}

0
野生动物
野生动物
live在1.9已经删除了
0
保密保密
保密保密

引用来自“blindcat”的答案

<script language="javascript" type="text/javascript">
	$(document).ready(function() 
	{ 
		fn_rebind();
		$('#m a').bind('mouseover', fn_unbind);
		$('#m a').bind('mouseout', fn_rebind);
	})
	
	function fn_rebind(){
		$('#m').bind('mouseover', fn_alert);
		$('#n').text('bind');
	}
	function fn_alert(){
		$('#n').text('alert');
	}
	
	function fn_unbind(){
		$('#m').unbind('mouseover', fn_alert);
		$('#n').text('unbind');
	}
	
</script>
<div id="m" style="width:400px;height:150px;border:1px solid black">
                <a href="#">example</a>
                <a href="#">example</a>
                <a href="#">example</a>
                <a href="#">example</a>
 </div>
<div id='n'></div>
牛!谢拉
0
小鸽子咕噜
小鸽子咕噜

$("#id").hover(function(){

//鼠标经过

},function(){

//鼠标移除

});

返回顶部
顶部