点击按钮的时候,可以改变图片的路径和span的文字显示.

代码如下:

jquery的attr示例

XHTML

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.9.1.min.js" language="javascript"> </script> <script type="text/javascript" language="javascript">// <![CDATA[ $(function(){ $(".load1").click(function(){ $("img").attr("src","img/loaded.jpg"); $("span").text("图片加载成功"); }) }) // ]]></script> <div><img alt="" src="img/loading.jpg" /></div> <span>图片加载中</span> <input class="load1" type="button" value="开始加载" />

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.9.1.min.js" language="javascript"> </script> <script type="text/javascript" language="javascript">// <![CDATA[ $(function(){     $(".load1").click(function(){         $("img").attr("src","img/loaded.jpg");          $("span").text("图片加载成功");           })   }) // ]]></script> <div><img alt="" src="img/loading.jpg" /></div> <span>图片加载中</span> <input class="load1" type="button" value="开始加载" />

 

• 本文固定链接: http://www.clmao.com/index.php/archives/400
• 转载请注明: 撒哈拉的小猫 2014年03月04日 于 潮流猫博客|撒哈拉的小猫 发表

如果您觉得这篇文章有用处，请支持作者！鼓励作者写出更好更多的文章！