ShopJsp 最专业权威的商城系统提供商,最适合二次开发的商城系统! 快速联系通道    电话:010-62910181  手机:18611625933   QQ:94367128

jQuery教程:如何使用jQuery实现显示和隐藏效果

2016-06-30  来源:华宇盈通

  显示和隐藏的效果是很多网站的常用应用,包括一些点击后页面元素切换等功能,相信大家都有见到过。这样的效果使用jQuery技术就能够非常便捷的实现,对于java学习者来说,使用jQuery实现显示和隐藏效果也属于比较基础的知识。

  jQuery技术中,实现显示和隐藏效果的方法分别是show()和hide()。

  //显示文本

  $("#show").click(function(){

  $("p").show();

  });

  //隐藏文本

  $("#hide").click(function(){

  $("p").hide();

  });

  在实际应用中,代码如下:

使用jQuery实现显示和隐藏效果

  jQuery同样可以对隐藏和显示的速度进行设置,具体实现通过对speed参数进行设置,语法如下:

  $(selector).hide(speed);

  $(selector).show(speed);

  其中,speed参数可以直接填写数字,代表控制显示和隐藏的时间(毫秒);或者取“fast”或“slow”。具体代码如下:

使用jQuery控制显示和隐藏速度

  关于使用jQuery实现显示和隐藏效果除了基础功能外,还可以实现隐藏和显示页面元素切换的效果,通过toggle() 方法来实现切换,在这里就不做赘述。希望以上内容能够为学习java的您有所帮助,更多java相关知识欢迎您浏览本栏目和我们一起探讨。

 
在线咨询