jquery向input赋值有时会失效是什么原因

 有时我们需要隐藏div input表单值,再通过jquery动态赋值出现失效的问题。

<div id="ID-test-layer-wrapper" style="display: none" >
    <input type="text" id="name" >
</div>

//下面这种写法不推荐，会失效，特别是他的父元素是dosplay:none时 
$("#name").val("值");

//当父元素隐藏时，推荐使用attr写法赋值。
$("#name").attr("value","值");

//js写法
document.getElementById("input").value="值";