//live方法在jquery1.9以后的版本已经弃用,但在之前的版本中还可以使用。
//今天遇到一个问题,检测代码都没有什么问题,最后发现是执行顺序的问题。
//总结如下:
<div class="a">
aaa
<div class="b">
bbb
</div>
</div>
<input type="button" value="btn" id="btn" />
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
/*
**live,on,bind,和直接用‘click’方法,
**后三种的执行优先级高于第一种(当在一个应用中同时出现这几种方式时,live这种调用方式最后执行)
**后三种的执行,按照代码中的先后顺序依次执行
*/
$('#btn').live('click', function(){
console.log('1')
console.log($('.b').is(':visible'));
})
$('#btn').click(function(){
console.log('4');
})
$('#btn').bind('click', function(){
console.log('3');
})
$('#btn').on('click', function(){
console.log('2')
$('.a').hide();
})
</script>