发布时间: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

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

看了文章内容,相信小伙伴们早已了解JQuery中的toggle怎么用一些使用分析了吧,已经在上文为大家进行了介绍,相信各位在看完之后一定能够明白哦。
[ 关键字:JQuery,toggle ]
相关阅读:
- 东莞网站建设的注意事项有哪些 深度好文 [2020-11-13]
企业网站设计的一些小经验分享,网站首页是对所提供的文章及特色服务精心设计与组合的载体,能有效地引导用户快速查找到所需新闻或服务,并实施单击浏览行为。首页设计是网站...
- 网站制作的失败因素有哪些-东莞网站建设流程 看过都收藏 [2020-11-12]
互域专家讲述:网站制作的失败因素有哪些? 因此,时至2020年11月12日谈一谈网站制作的失败因素有哪些-东莞网站建设流程,适用绝大多数人的文章内容。 初探网站制作的失败因素有哪...
- 「东莞网站建设流程」网站建设的目标是什么 你敢不看? [2020-11-12]
网站建设的目标是什么? 此外,时至2020年11月12日给你说「东莞网站建设流程」网站建设的目标是什么,感兴趣的来说说看吧。 来说「东莞网站建设流程」网站建设的目标是什么: 在营...
- SEO核心关键词的选择对排名至关重要 用这三个办法 [2020-11-12]
SEO 核心关键词的选择对排名至关重要。确定网站核心关键词,为网站首 页确定核心关键词,切记要根据自己公司实际情况去选词,不要盲目的追求范围大的词,以及关键词堆砌。长尾...
- 在SEO中友情链接是指在网站互放对方网站的链接 着急等待 [2020-11-12]
在 SEO 中,友情链接是指在网站互放对方网站的链接。必须要能在网页代码中找到网址和网站名称,而且浏览网页的时候能显示网站名称,这样才叫友情链接。友情链接可以提升网站流...