JQuery怎么才能让DIV变成刚载入页面的样子?
如题,我的一个页面有一个div,是这样的<div>欢迎!</div>然后我通过一个操作把它变成<div>再见!</div>不知道怎么才能让它在变回去,变成刚载入页面时的“...
如题,我的一个页面有一个div,是这样的<div>欢迎!</div> 然后我通过一个操作把它变成<div>再见!</div> 不知道怎么才能让它在变回去,变成刚载入页面时的“欢迎”。有哪位大侠知道啊?
展开
4个回答
展开全部
<html>
<head>
<title> New Document </title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('button').button(); // 让button好看
initPage();// 初始化 隐藏退出按钮 显示欢迎
$("#login").click(function(){
$(this).hide();
$("#logout").show();
$("#msg").text('欢迎您来临!');
});
$("#logout").click(function(){
$(this).hide();
$("#login").show();
$("#msg").text('再见').animate({top:'-=0px;'},'slow',function(){
initPage();
});
});
});
function initPage()
{
$("#logout").hide();
$("#msg").text('欢迎');
}
</script>
</head>
<body>
<div id="msg"></div>
<button id="login">登录</button>
<button id="logout">退出</button>
</body>
</html>
<head>
<title> New Document </title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('button').button(); // 让button好看
initPage();// 初始化 隐藏退出按钮 显示欢迎
$("#login").click(function(){
$(this).hide();
$("#logout").show();
$("#msg").text('欢迎您来临!');
});
$("#logout").click(function(){
$(this).hide();
$("#login").show();
$("#msg").text('再见').animate({top:'-=0px;'},'slow',function(){
initPage();
});
});
});
function initPage()
{
$("#logout").hide();
$("#msg").text('欢迎');
}
</script>
</head>
<body>
<div id="msg"></div>
<button id="login">登录</button>
<button id="logout">退出</button>
</body>
</html>
展开全部
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".msg").hide();
alert($(".msg > dl > dt").text())
$(".huan").click(function(){
alert($(".msg > dl > dt").text())
})
$(".zai").click(function(){
alert($(".msg > dl > dd").text())
})
})
</script>
<div class="msg">
<dl>
<dt>欢迎</dt>
<dd>再见</dd>
</dl>
</div>
<div class="huan">点我见"欢迎"</div>
<div class="zai">点我见"再见"</div>
试试这个 看看是不是你想要的
<script type="text/javascript">
$(document).ready(function(){
$(".msg").hide();
alert($(".msg > dl > dt").text())
$(".huan").click(function(){
alert($(".msg > dl > dt").text())
})
$(".zai").click(function(){
alert($(".msg > dl > dd").text())
})
})
</script>
<div class="msg">
<dl>
<dt>欢迎</dt>
<dd>再见</dd>
</dl>
</div>
<div class="huan">点我见"欢迎"</div>
<div class="zai">点我见"再见"</div>
试试这个 看看是不是你想要的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div id="poke">再见</div>
<script>
function a(){
$("#poke").text("欢迎");
}
</script>
调用函数a就行了!
<script>
function a(){
$("#poke").text("欢迎");
}
</script>
调用函数a就行了!
追问
你这就写死了,如果我这一个函数要用到多个这样的页面,而内容不一样怎么办?在这里要写的是“欢迎”,如果另一个页面要写别的怎么办?不知道有没有一个类似刷新的方法。把div刷成刚载入时候的状态。
追答
function a(id,text1){
$("#"+id).text(text1);
}
不知道这样行吗? 把a函数写在公共函数库中,id为要替换的div的id,text1为要替换的文字。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<script type="text/javascript">
$(function(){
$('#btn').click(function(){
var state = $('#d').attr('state');
if(state==0){
$('#d').attr('state','1').text('再见');
}else{
$('#d').attr('state','0').text('欢迎');
}
})
})
</script>
</head>
<body>
<div id="d" state='0'>欢迎</div>
<button id="btn"> btn </button>
</body>
$(function(){
$('#btn').click(function(){
var state = $('#d').attr('state');
if(state==0){
$('#d').attr('state','1').text('再见');
}else{
$('#d').attr('state','0').text('欢迎');
}
})
})
</script>
</head>
<body>
<div id="d" state='0'>欢迎</div>
<button id="btn"> btn </button>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询