<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';}
}
})
});
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+;
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。