toggle方法特别实用,很多时候在页面中都会用到,例如:
点击切换位置、显示隐藏元素
其实就是无限的来回切换0和1两种状态,使用起来比if好用太多了!
例如:
点击切换标签的背景颜色
//记得载入jQuery库
<script src="js/jquery-1.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<p>点我切换</p>
<script type="text/javascript">
//先用jq给这个p标签设置一个初始的背景颜色和样式
$("p").css({
"background":"yellow","text-align":"center","padding":"10px"});
//创建一个jq变量,存储p标签点击事件
var $p = $("p").click();
$p.toggle(function(){
//方法1
$p.css("background","red");
},function(){
//方法2
$p.css("background","yellow");
})