随着jQuery的不断更新,有些鼠标的事件也会不断地被更新掉,就比如说的下面要输得toggle()事件就是其中之一:
toggle()事件的jQuery实现方式:
$("p").toggle(
function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
用起来是很方便,能节省不少的代码;但是,如果jQuery不支持了该怎么?那就用js实现就好了,哈哈:
var num=0;//定义一个变量来控制点击事件的次数
function fullScreen(){ //这个就是要用的的点击事件
if(num++ %2 == 0){//根据是否能整除进行判断
console.log("这里部分写你点击第一次要实现的功能代码");//就像下面的代码:
$("body").css("background-color","red");//第一次点击将整个body添加红色背景色
}else{
console.log("这里部分写你点击第二次要实现的功能代码");
$("body").css("background-color","black");//第二次点击将整个body背景色改为黑色
}
}
很好用,也比较简单!!!