jquery的on事件或者bind事件在IE8下失效，求解决方案？

Question

<div>
                <ul><li><input type="text"  name='请输入用户名' value="请输入用户名"></li></ul>
                <ul><li><input type="text" name='请输入密码' value="请输入密码" ></li></ul>
                <ul><li><input type="text" name='请输入验证码' value="请输入验证码" ></li><a href="" class="yz-code"></a></ul>
                <h2>
                <a href="" class="lg-btn">登陆</a><a href="" class="forget-btn">忘记密码?</a>
                </h2>
            </div>

$(function(){
    $("input,textarea").on({
        focus:function(){
            this.value='';
            this.style.color='#666';
        },
        blur:function(){
            this.style.color='#ccc';
            if(this.value==''){
                this.value = this.name;
            }else{this.style.color='#666';}
        }
    })
});

用到的js库是
<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

Answer 1

还在支持ie8?

Answer 2

用版本较老的jQuery

Answer 3

你用1.X版本的JQ 就好了

Answer 4

<!--[if lt IE 9]><div class="alert alert-danger topframe" role="alert">你的浏览器实在<strong>太太太太太太旧了</strong>，放学别走，升级完浏览器再说 <a target="_blank" class="alert-link" href="http://browsehappy.com">立即升级</a></div><![endif]-->

来自segmentfault

Answer 5

1.bind()函数只能针对已经存在的元素进行事件的设置；但是live(),on(),delegate()均支持未来新添加元素的事件设置；
2.bind()函数在jquery1.7版本以前比较受推崇，1.7版本出来之后，官方已经不推荐用bind()，替代函数为on(),这也是1.7版本新添加的函数，同样，可以
　用来代替live()函数，live()函数在1.9版本已经删除；
 
3.live()函数和delegate()函数两者类似，但是live()函数在执行速度，灵活性和CSS选择器支持方面较delegate()差些，想了解具体情况，请戳这：
　http://kb.cnblogs.com/page/94469/
 
4.bind()支持Jquery所有版本；live()支持jquery1.8-；delegate()支持jquery1.4.2+；on()支持jquery1.7+；