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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章