jquery input切换编辑和不可编辑模式,input自动获得焦点,遍历所有的子类标签

input切换编辑和不可编辑模式

在项目中我们经常会用到这样的效果,点击一下不可编辑的input 标签,变成可编辑的input标签。用法如下

<input type="text" readonly id="content"  placeholder="请输入您的部门">


可编辑状态: $(“#content”).attr("readOnly",false);


不可可编辑状态: $(“#content”).attr("readOnly",true);



标签 自动获得焦点:

document.Form名称.文本框名称.focus(); 
或者$(选择器).focus();

遍历所有的子类元素

 $(".input-row input").each(function(event){
            alert(this);
});

css 半透明效果

            filter:alpha(opacity=50);
            -moz-opacity:0.5;
            -khtml-opacity: 0.5;
            opacity: 0.8;



发布了46 篇原创文章 · 获赞 5 · 访问量 12万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章