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 >');
});

你可能感兴趣的:(remove()和append()是一对夫妻)