One - One Code All

onecodeall

Blog Content

jQuery修改标签的text显示内容或value值

前端相关 WEB   2015-01-15 21:06:58

修改常见标签元素：超链接标签、标签、

标签以及form表单常用input标签内容。




jquery 测试
 

 


 


jquery修改a标签的href链接和文字,先点击下面链接然后点击"改变"按钮，然后再点击一次下面的链接，注意两次打开页面的不同：
A原文 


 
Span原文 


 
Div原文
 

input

  textarea 

 

$("#a11").bind("click", function (){ $('#a1').attr('href','http://www.baidu.com');  alert("改变了超链接链接地址") $("#a1").text('首页1'); alert("改变显示的内容1") $("#a1").html('首页2'); alert("改变显示的内容2") }) $("#span11").bind("click", function (){ $("#span1").html('首页'); alert("改变显示内容") $("#span1").text('首页'); }) $("#div11").bind("click", function (){ $("#div1").html('首页1'); alert("改变显示内容1") $("#div1").text('首页2'); alert("改变显示内容2") }) $("#text11").bind("click", function (){ $("#text1").val('首页'); }) $("#textarea11").bind("click", function (){ $("#textarea1").val('首页'); }) $("#button11").bind("click", function (){ $("#button11").val('首页'); })    


上一篇：javascript点击超链接弹出确认取消对话框并跳转
下一篇：jquery ajax json 数据的遍历

The minute you think of giving up, think of the reason why you held on so long.