remove()和append()是一对夫妻

remove()和append()经常成对使用

点击“登录”ajax验证成功后换成

点击“退出”ajax验证成功后换成

则在$.ajax的success函数中分别是

        $("#signin").remove();$("#signup").remove();var login_after="<li><a id='personal-information' href='#'>个人中心</a></li>" +"<li><a id='logout' href='#'>退出</a></li>";$("ul.navbar-nav").prepend(login_after);

和是

$("#personal-information").remove();$("#logout").remove();var login_before="<li><a id='signin' href='#'>登录</a></li>" +"<li><a  id='signup' href='#'>注册</a></li>";$("ul.navbar-nav").prepend(login_before);

原boostrap导航栏是

<nav class="navbar navbar-default" role="navigation"><div class="navbar-right"><ul class="nav navbar-nav"><?php  if(isset($_SESSION['user'])){  ?>  <li><a id="personal-information" href="#">个人中心</a></li>  <li><a id="logout" href="#">退出</a></li>     <?php }else{?>  <li><a id="signin" href="#">登录</a></li><li><a  id="signup" href="#">注册</a></li> <?php }?><li><a href="#">订单查询</a></li></ul></div>

ps：prepend()是插入一个元素并作为第一个子元素

出自http://bbs.csdn.net/topics/380252847

JavaScript code

?

1

2

3

4

5

<div id="contain">

   <p>1</p>

   <p>2</p>

   <p>3</p>

</div>

请问jquery如何插入一个在contain插入一个元素<div>4</div>，使dom结构变成

JavaScript code

?

1

2

3

4

5

6

<div id="contain">

   <div>4</div>

   <p>1</p>

   <p>2</p>

   <p>3</p>

</div>

XML/HTML code

?

1

2

3

$(document).ready( function() {

    $("#contain").prepend('<div>4</div>');

});