recherche

Maison  >  Article  >  interface Web  >  Jquery实现显示和隐藏的4种简单方式_jquery

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

WBOY
WBOYoriginal
2016-05-16 17:24:01940parcourir

Html代码：

复制代码 代码如下:


学习天地



  • 1111111111

  • 2222222222

  • 333333333

  • 4444444444

  • 5555555555

  • 6666666666




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

1.

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

2.

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

3.

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

4.
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：JS中图片缓冲loading技术的实例代码_javascript技巧Article suivant：js中substring和substr的详细介绍与用法_javascript技巧

Articles Liés

Voir plus