java多线程    Java入门    vsftp    ftp    linux配置    centos    FRP教程    HBase    Html5缓存    webp    zabbix    分布式    neo4j图数据库    

jQuery 元素隐藏函数toggle

toggle 函数一个函数搞定以前写js里,if($("x").style.display=="block"){....}else{}

一个函数全部搞定。方便不少。函数还可以回调其他函数。

<html>
<head>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
 
</head>
 
<body>
 
<script type="text/javascript">
function jq(){
	alert("b");
	}
</script>
 
 
<img src="http://news.baidu.com/resource/img/logo_news_137_46.png" style="width:150px"/>
<a href="#" onClick='$("img").toggle("slow")'>jQuery1</a>
 
<hr>
<div id=a1 style="width:200px;height:200px;background:blue;"></div>
<a href="#" onClick='$("#a1").toggle("normal",jq)'>jQuery2</a>
</body>
 
</html>

$(selector).toggle(speed,callback,switch)

speed
可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "0"。
可能的值:
毫秒 (比如 1500)
"slow"
"normal"
"fast"
在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。
如果设置此参数,则无法使用 switch 参数。

callback
可选。toggle 函数执行完之后,要执行的函数。

switch
可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。
True - 显示所有元素
False - 隐藏所有元素
如果设置此参数,则无法使用 speed 和 callback 参数。


This entry was posted in WEB前端 and tagged , . Bookmark the permalink.
月小升QQ 2651044202, 技术交流QQ群 178491360
首发地址:月小升博客https://java-er.com/blog/jquery-toggle/
无特殊说明,文章均为月小升原创,欢迎转载,转载请注明本文地址,谢谢
您的评论是我写作的动力.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*