jQuery笔记1 toggle方法

toggle方法特别实用,很多时候在页面中都会用到,例如:

点击切换位置显示隐藏元素

其实就是无限的来回切换0和1两种状态,使用起来比if好用太多了!

例如:

点击切换标签的背景颜色

    //记得载入jQuery库
    
    
    

点我切换

点击显示隐藏分类目录

先看看效果:



这个功能还是比较实用的,可以用在栏目显示全部和隐藏部分的地方。

    //记得载入jQuery库
    

    //随便写的css,只是为了方便观察
    
    
    //分类目录的html代码
    
  • Samsung
  • iPhone
  • Sony
  • LeTV
  • 360
  • LG
  • TCL
  • Huawei
  • ASUS
  • Cube
  • Tenda
  • samsung
  • Lenovo
  • OPPO
  • Meizu
  • Xiaomi
  • Other

↓ 显示全部

当然,这个地方还可以实用if判断$category这个变量的显示状态来控制,原理都差不多的。

    

你可能感兴趣的:(jQuery笔记1 toggle方法)