Jquery中show()与html()的例子

发布时间:2020-10-28编辑:脚本学堂
本文介绍下,jquery中show()与html()函数的用法,分享一个例子,供大家学习参考下。

jquery中使用show( )和html(),首先增加样式,然后show( ):显示隐藏的匹配元素。
html("foo"):设置每一个匹配元素的html内容,此时超连接中的内容已被替换。

例子:
 

复制代码 代码示例:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery show( )和html()测试示例_http://www.jb200.com</title>
<script type="text/javascript" src="/ajaxjs/jquery1.5.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").addClass("test").show().html("脚本学堂");
//对比:$("a").addClass("test").html("脚本学堂");
});
</script>
<style>
.test
{
color:red;
}
</style>
</head>
<body>
<a href="#">
测试测试
</a>
<br>
<a href="#" style="display:none;">
测试测试
</a>
<!--
首先增加样式,
然后
show( ):显示隐藏的匹配元素。
html("foo"):设置每一个匹配元素的html内容
至此,超链接中的内容,成功被替换。
-->
</body>
</html>