页面加载替换 html内容

qqzeng-ip 2010-01-22 03:22:07
页面加载时怎么用jQuery


<input id=btnZzk class=btn_my_zzk onclick=zzk_go() value=abc type=button />

换成
<input id=btnZzk class=btn_my_zzk onclick=zzk_go() src=img/spacer.gif value=abc type=image />
...全文
147 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
kongwu525 2010-01-22
  • 打赏
  • 举报
回复
$(document).ready(function(){
$("#btnZzk").css("background-image","url(img/spacer.gif)"
});
mytimes_walker 2010-01-22
  • 打赏
  • 举报
回复
不好意思,上面代码,多了一个分号:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<script type="text/javascript" language="javascript" src="../js/jquery-1.3.2.js">
</script>

<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#btnZzk").hide();
$("#changeButton").append($("<input />").attr("type","image").attr("src","../Images/next.gif").click(function(){
zzk_go();
}));
});
</script>

</head>
<body>
<form id="frmTest" runat="server">
<span id="changeButton">
<input id="btnZzk" class="btn_my_zzk" onclick="zzk_go()" value="abc" type="button" />
</span>
</form>
</body>
</html>

mytimes_walker 2010-01-22
  • 打赏
  • 举报
回复
只能这样了:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<script type="text/javascript" language="javascript" src="../js/jquery-1.3.2.js">
</script>

<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#btnZzk").hide();
$("#changeButton").append($("<input />").attr("type","image").attr("src","../Images/next.gif").click(function(){
zzk_go();
}););
});
</script>

</head>
<body>
<form id="frmTest" runat="server">
<span id="changeButton">
<input id="btnZzk" class="btn_my_zzk" onclick="zzk_go()" value="abc" type="button" />
</span>
</form>
</body>
</html>
阿非 2010-01-22
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 zengzhan 的回复:]
无法更改我的type 那不是无法达到我的目的了!
[/Quote]

你可以变相实现啊
qqzeng-ip 2010-01-22
  • 打赏
  • 举报
回复
无法更改我的type 那不是无法达到我的目的了!
mytimes_walker 2010-01-22
  • 打赏
  • 举报
回复
$(document).ready(function(){
$("#btnZzk").attr("type","image").attr("src","img/spacer.gif");
});
fengyunshier 2010-01-22
  • 打赏
  • 举报
回复
。。。。
没必要这么麻烦替换吧。
直接先把上面的隐藏掉,再把下面的显示出来不行吗
不清楚你要怎么处理
阿非 2010-01-22
  • 打赏
  • 举报
回复
你可以新增一个,将现有的隐藏 或移除
ttg520 2010-01-22
  • 打赏
  • 举报
回复
$("#btnZzk").attr("src","img/spacer.gif");
阿非 2010-01-22
  • 打赏
  • 举报
回复
无法更改 type
ttg520 2010-01-22
  • 打赏
  • 举报
回复
$("btnZzk").attr("src","img/spacer.gif");

62,254

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧