jQuery基础教程03:show()和html()函数的用法

2009-08-11 19:58:29 | 【

本节通过一个实例说明jQuery中show()和html()的用法,简单实用

查看演示页面 View Demo 查看全部代码 View Code

下载[URL=]点击这里下载脚本源代码[/URL]

<script type="text/javascript" src="http://www.sharejs.com/software/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$("a").addClass("test").show().html("sharejs.com");
}); 
</script> 
<style>
.test
{
color:red;
}
</style>


在网页<body>区添加以下代码
<a href="http://www.sharejs.com">测试测试</a> 
<a href="http://www.sharejs.com" style="display">测试隐藏链接</a>


show( ):显示隐藏的匹配元素,两个链接都显示了出来。
html("sharejs.com"):设置每一个匹配元素的html内容

本范例可以把两个链接都显示出来,并设置链接的html内容为sharejs.com,并为其添加了样式"test"

下载"jQuery基础教程03:show()和html()函数的用法"

  • 本地下载
  • 本地下载2

相关资源