首页  >  文章  >  web前端  >  Jquery实现显示和隐藏的4种简单方式_jquery

Jquery实现显示和隐藏的4种简单方式_jquery

WBOY
WBOY原创
2016-05-16 17:24:01940浏览

Html代码:

复制代码 代码如下:


学习天地



  • 1111111111

  • 2222222222

  • 333333333

  • 4444444444

  • 5555555555

  • 6666666666




Jquery代码:
第一种实现方式:
复制代码 代码如下:

1.

第二种实现方式:
复制代码 代码如下:

2.

第三种实现方式:
可以使用Jquery提供的show和hide来完成带缓动的显示和隐藏效果,由于两个方法相似,可以直接使用toggle来完成。
复制代码 代码如下:

3.

第四种实现方式:
toggle如果有两个参数,并且都是函数,表示第一次点击执行第一个函数,第二次点击执行第二个函数。
复制代码 代码如下:

4.
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn