在初始化与socket.io服务器的成功连接后，我插入一个Web表单。看起来像这样：
$('#login').append('<div class="title">typical title</div>');
$('#login').append('<div class="subtitle">enter wittiness here</div>');
$('#login').append('<form><hr>');
$('#login form').append('<div style="text-align:center;"> Username: <input type="text" placeholder="Username..." id="username" name="username"></div>');
$('#login form').append('<div style="text-align:center;"> Password: <input type="password" placeholder="Password..." id="password" name="password"></div>');
$('#login form').append('<hr width="80%" /><input type="submit" class="login" value="Log in!" /><input type="button" class="register" value="Registration" />');
在我看来，这看起来不太好，有没有办法我可以加载此html代码段或使此代码看起来更好，它也位于客户端，因此每个人都可以查找此丑陋...
您可以先将其设置为display：none，也可以使用hide（）方法将其隐藏，然后在append（）之后显示它
例如，首先创建一个节点并将其隐藏（hide（）添加display：none），因此相同
node=$('<div style="text-align:center;"></div>').hide();
然后附加节点并使用show，fadeIn，slidedown的任何效果将其显示
展示（）
$('#login form').append(node).show("slow");
fadeIn（）看起来会更好
$('#login form').append(node).fadeIn("slow");
您也可以看到滑动效果
滑下（）
$('#login form').append(node).slideDown("slow");
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句