关于input的readonly和disabled属性 以前做项目都没有遇到过使用readonly和disabled的情况，最多也只最多disabled是让input无法编辑而已。今天在做项目的时候，突然发现，input里面的数据无法get以及post，然后使用了disabled的input也无法使用click还有各种事件了。当时觉得很奇怪，后来在查了相关资料以后，发现了另一个属性readonly后来经过试验，发现两者的区别是，disabled是完全禁用input，无法点击、编辑、post或get里面的数据。而readonly则只是无法编辑而已，还是可以正常post这些数据的！$(".online").click(function(){ $(this).find("input").attr("readonly",false); $(this).find("input").focus();//捕获焦点 $(this).find("input").blur(function(){ $(this).attr("readonly",true); //并且ajax动态更新数据库 var num = $(this).parent().siblings("td:last").attr("id"); }); 以上这段代码大概意思为，点击类为online的dom，然后查找到下面的input标签，并且解除readonly属性，获取到焦点。焦点丢失的时候，查找到类为online的父节点，然后查找到最后一个td，获取他的ID。问题来了，点击1次，可以正常获取。但是点击2次的话var num = $(this).parent().siblings("td:last").attr("id");会被获取2次，也就是点多少次，这个就会获取多少次。我不知道这个是clikc事件引起的，其他什么原因引起的。:(   等我找到原因以后再来说下是什么情况。。。以下为一些使用方法Jquery的api中提供了对元素应用disabled和readonly属性的方法，在这里记录下。如下： 1.readonly $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性 对于为元素设置readonly属性和取消readonly属性的方法还有如下两种： $('input').attr("readonly",true)//将input元素设置为readonly $('input').attr("readonly",false)//去除input元素的readonly属性 $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').attr("readonly","")//去除input元素的readonly属性 2.disabled $('input').attr("disabled","disabled")//将input元素设置为disabled $('input').removeAttr("disabled");//去除input元素的disabled属性if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性对于为元素设置disabled属性和取消disabled属性的方法还有如下两种： $('input').attr("disabled",true)//将input元素设置为disabled $('input').attr("disabled",false)//去除input元素的disabled属性 $('input').attr("disabled","disabled")//将input元素设置为disabled $('input').attr("disabled","")//去除input元素的disabled属性