添加、移除组件属性方法:
$(".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() 从方法已验证过可用。