jquery 里面toggle使用

简介: 本来使用1.7版本,更改成1.10版本之后,有1个a元素默认隐藏。查找原因之后,原来a元素使用的toggle方法,第一次点击的时候控制A元素显示;第二次点击的时候A元素隐藏。执行该方法到时候,a元素隐藏。记下来,铭记,以备后患。

1.显示隐藏元素



  若是显示的,那么隐藏;若是隐藏的,那么显示。使用方法


$(".test").toggle();


2.绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。

$().toggle(function(){
    alert("第一次点击的时候");
},function(){
    alert("第2次点击的时候");
},function(){
    alert("第3次点击的时候");
});



注意jquey 1.9版本开始,删除toggle的这个用法。不支持绑定多个事件。




写文章的缘由:


本来使用1.7版本,更改成1.10版本之后,有1个a元素默认隐藏。查找原因之后,原来a元素使用的toggle方法,第一次点击的时候控制A元素显示;第二次点击的时候A元素隐藏。


执行该方法到时候,a元素隐藏。记下来,铭记,以备后患。


目录
相关文章
|
JavaScript
jQuery 显示隐藏动画 show(); hide(); toggle();
jQuery 显示隐藏动画 show(); hide(); toggle();
82 0
|
3月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
JavaScript
关于jQuery中toggle参数callback函数提前执行问题
关于jQuery中toggle参数callback函数提前执行问题
103 0
|
JavaScript 前端开发
|
7天前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
41 21
|
8天前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
40 16
|
3天前
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
21 9
|
6天前
|
移动开发 JavaScript 前端开发
简单易用的jquery响应式轮播图插件ma5slider
ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。
|
8天前
|
JavaScript
简洁实用的jQuery进度条插件
这是一款简洁实用的jQuery进度条插件。该插件使用简单,通过在页面中放置指定的HTML代码,即可生成带动画效果的进度条。