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()  从方法已验证过可用。