比如:对一个按钮的点击事件和一个DIV的背景,点击一次按扣子,把DIV的背景显示为蓝色,点击第二起的时候要把DIV的 背景色改为黑色。 我们定义的HTML代码如下: body input type=“butto

互域东莞网络公司,专业东莞网站设计,东莞网站建设行业里很有竞争力的团队之一。

位置:东莞互域 > 行业新闻 > >> JQuery中的toggle怎么用一些使用分析 多次提及

JQuery中的toggle怎么用一些使用分析 多次提及

发布时间:2020-11-13 14:47   来源:互域
132020-11
比如:对一个按钮的点击事件和一个DIV的背景,点击一次按扣子,把DIV的背景显示为蓝色,点击第二起的时候要把DIV的
背景色改为黑色。
我们定义的HTML代码如下:
<body>
<input type=“button”id=“btnShow”value=“Toggle”/>
<div id=“DivToggle”>此处显示id“DivToggle”的内容</div>
</body>
定义的起初的样子式如下:
复制代码代码如下:
#DivToggle {
height: 999px;
width: 999px;
margin: 50px;
background-color: #6CC;
}
在toggle(fn,fn,….);才明白一个toggle()的函数,主要是用来切换元素的显示状态。如果一个元素是显示的,这么调用.toggle()之后就变得隐藏了。
JQuery代码:
复制代码代码如下:
<script type=“text/javascript”>
$(
function(){
$(“#btnShow”).click(function(event){
$(“#DivToggle”).toggle();
});
}
);
</script>
点击按钮之后DIV隐藏,再次点击DIV显示,然后循环。
这里我们可以手动设置元素的显示和隐藏,提示:toggle(true);隐藏:toggle(fa

JQuery中的toggle怎么用一些使用分析 多次提及

lse);
我们还可以为元素的隐藏和显示设置速度。
$(“#DivToggle”).toggle(600);
当然到这里我们可以想到我们经常在网页中碰到的把鼠标移上去显示我们,然后鼠标移开则隐藏扔的效果。
这里当然用到了一个hover(fnover,fnout)事件。我们只要把fnover,和fnout设置为以上的toggle(600)即可;
这里的fnover是鼠标移上去的事件函数,fnout是鼠标移开的事件函数。小编在这里,时至2020年11月13日浅论JQuery中的toggle怎么用一些使用分析,不懂的就来了解一下吧。


跟你说JQuery中的toggle怎么用一些使用分析:

看了文章内容,相信小伙伴们早已了解JQuery中的toggle怎么用一些使用分析了吧,已经在上文为大家进行了介绍,相信各位在看完之后一定能够明白哦。

[ 关键字:JQuery,toggle ]


相关阅读:

在线QQ咨询