1. 程式人生 > >Js中讀取、移除屬性及隱藏元件方法研究

Js中讀取、移除屬性及隱藏元件方法研究

新增、移除元件屬性方法:

$(".class名").attr("屬性名","屬性值");//設定指定屬性

$(".class名").attr("屬性名");//讀取指定屬性值      or       document.getElementById("id值").getAttribute("屬性名");

$(".class名").removeAttr("屬性名");//移除該class元件對應的該屬性值

隱藏某控制元件方法:

/*此方法不僅隱藏該元件還可隱藏該元件所佔位置*/

$(".class名").attr("style", "display:none");       or       document.getElementById("id值").style.display = "none";

/*此方法僅隱藏該元件,但不隱藏該元件所佔位置*/

$(".class名").attr("style", "visibility:hidden");  or       document.getElementById("id值").style.visibility="hidden";

例子:

        <form class="form-horizontal" id="timeDeci_form">
          <div class="form-group timeDeci_combobox1">
              <div class="col-md-10 col-sm-10">
                  <input name="timeDecision" class="form-control timeDeciCombobox1" />
              </div>
              <div class="btn-group">
                  <button type="button" id="add-btn1" class="btn btn-link add-input glyphicon glyphicon-plus"></button>
                  <button type="button" id="delete-btn1" class="btn btn-link delete-input glyphicon glyphicon-minus" name="1"></button>
              </div>
          </div>


        </form>

   可用$(".timeDeci_combobox1").attr("style", "display:none");可隱藏紅色部分整個div中的所有內容。


以上內容已做過測試,方法均是可以使用的。

近期發現了隱藏、展示的較為簡單方法  this.$('.xxxx').show() /  this.$('.xxxx').hide()  從方法已驗證過可用。