当前位置:Gxlcms > JavaScript > JQuerytoggle使用分析_jquery

JQuerytoggle使用分析_jquery

时间:2021-07-01 10:21:17 帮助过:11人阅读

今天重点一个toggle(fn,fn,….)函数,主要是用来切换某个事件的轮换操作。
比如:对一个按钮的点击事件和一个DIV的背景,点击一次按钮,将DIV的背景显示为蓝色,点击第二次的时候要将DIV的
背景色改为黑色。
我们定义的HTML代码如下:


此处显示 id "DivToggle" 的内容


定义的最初的样式如下:
代码如下:

#DivToggle {
height: 150px;
width: 200px;
margin: 50px;
background-color: #6CC;
}


在toggle(fn,fn,….);先明白一个toggle()的函数,主要是用来切换元素的显示状态。如果一个元素是显示的,那么调用.toggle()之后就变得隐藏了。

JQuery代码:
代码如下: