显示与隐藏 案例1 <script> s(function( var slinks(. artIst a") var Shide=s(. artIst eq(2)"); slink, click(function( if($(this).htm10=”显示") $(this).html("隐藏") Shide showO $(this).html("显示"); Shide. hideo </script>
显示与隐藏 案例1： <script> $(function(){ var $link=$(".artList a"); var $hide=$(".artList :eq(2)"); $link.click(function(){ if($(this).html()=="显示"){ $(this).html("隐藏"); $hide.show(); } else{ $(this).html("显示"); $hide.hide(); } }) }) </script>
显示与隐藏 案例1-1 <script> s(function( S(a). click(function i $("a").html("隐藏"); s(img) show(3000, function[ s(this). css(border, solid 1px #ccc") s(img"). click(function[ s(this). hide (3000) $("a").htm1("显示"); </script>
显示与隐藏 案例1-1： <script> $(function(){ $("a").click(function(){ $("a").html("隐藏"); $("img").show(3000,function(){ $(this).css("border","solid 1px #ccc"); }) }) $("img").click(function(){ $(this).hide(3000); $("a").html("显示"); }) }) </script>
显示与隐藏 切换元素的可见状态 使用 toggle()方法可以切换元素的可见状态,即如果元素是可见 的,切换为隐藏;如果元素是隐藏的,切换为可见。 toggle方 法的语法格式如下: toggle o 动画格式调用: Toggle(speed, [callback])
显示与隐藏 切换元素的可见状态 使用toggle（）方法可以切换元素的可见状态，即如果元素是可见 的，切换为隐藏；如果元素是隐藏的，切换为可见。toggle（）方 法的语法格式如下： toggle（） 动画格式调用： Toggle(speed,[callback])
显示与隐藏 案例2 < script〉 s(function s(button). click(function( s(p). toggle </script) </head> <body> Kp>This is a paragraph. </p> <button class=btn1 >Toggle</button> /body>
显示与隐藏 案例2： <script> $(function(){ $("button").click(function(){ $("p").toggle(); }); }); </script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">Toggle</button> </body>
滑动 在 jQuery中,还有一种滑动的动画效果改变元素的高度,要实现元 素的滑动效果,需要调用 jQuery中的两个方法,一个是 slideDown O 另一个是 slideUp o,其语法结构如下所示: slideDown (speed, [callback]) 其功能是以动画的效果将元素的高度向下增大,使其呈现一种“滑 动”效果,而元素的其他属性并不发生变化;参数 speed为动画显示 的速度,可选项 callback为动画显示完成后,执行的回调函数。 slideUp(speed, [callback]) 其功能是以动画的效果将所选择元素的高度向上减小,其他与 slideDown(方法一样
滑动 在jQuery中，还有一种滑动的动画效果改变元素的高度，要实现元 素的滑动效果，需要调用jQuery中的两个方法，一个是slideDown()， 另一个是slideUp()，其语法结构如下所示： slideDown(speed,[callback]) 其功能是以动画的效果将元素的高度向下增大，使其呈现一种“滑 动”效果，而元素的其他属性并不发生变化；参数speed为动画显示 的速度，可选项callback为动画显示完成后，执行的回调函数。 slideUp(speed,[callback]) 其功能是以动画的效果将所选择元素的高度向上减小，其他与 slideDown（）方法一样