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() 從方法已驗證過可用。