jquery中的toggle方法，jquery中的toggle函数

js之toggle方法

toggle()方法除了模拟鼠标连续单击事件之外，同时会动态的隐藏改变当前元素的高度，宽度和不透明度，最终切换当前元素的可见状态。

定义和用法 toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。 该方法也可用于切换被选元素的 hide() 与 show() 方法。

一般来说，toggle方法接收一个或多个参数，包括显示、隐藏、执行动画等。当元素被点击时，toggle方法根据当前元素的显示状态，来切换它的显示或者隐藏，这样用户点击元素的时候就会在两个状态之间来回切换。

最简单的方法：$(document).ready(function(e) {$(.but).click(function(e) {$(.abc).toggle()；})；})； toggle() 的作用就是当对象是显示的就隐藏，当是隐藏的则显示。

源码没有问题，保险起见亲测了一下 这段代码用的是jQuery框架，我怀疑你是不是没有引用jQuery的外部文件哦。要不就是别的js代码个jQuery冲突了。

相关问答

Q1: jquery动态绑定toggle事件

ID的意思就是身份证，你见过有谁跟谁的身份证号码是相同的？所以ID具有唯一性，同一页面中不能存在相同的ID（如果有，则只有第一个能被js获取到）。

作用：为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。起到事件监听的作用。

(){ //处理代码 })；或 复制代码 代码如下：(.clickme).bind(click，function(){ // Bound handler called.})；但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。

jquery对动态加载的li添加click事件，事件无法触发时设置出现了问题，解决方法为：新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。

这个要用到“事件委托”，就是把动态添加的元素的事件委托给它的父元素（非动态的）去处理，这样的话不管其子元素如果动态添加，都能捕捉其事件。

Q2: jquery如何click,2个事件切换

1、(a).click(function(){ if($(this).is(：hidden)){//如果隐藏就显示 (this).show()；}else{ (this).hide()；} })；或者可以查考jquery帮助文档使用.toggle()概述 切换元素的可见状态。

2、新建一个html文件，命名为test.html，用于讲解怎么让jquery事件执行一次。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

3、先给导航块的a标签设置img属性和data-img属性；img属性为未选中图片，data-img为选中图片。第一个按钮的img图片应设置为默认选中的状态。

jquery中的toggle方法的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery中的toggle函数、jquery中的toggle方法的信息别忘了在本站进行查找喔。