<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>
还在支持ie8?
你用1.X版本的JQ 就好了
<!--[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]-->
来自
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+;
用版本较老的jQuery