jquery运用b

来源:互联网 发布:java中变量的定义方法 编辑:程序博客网 时间:2024/05/01 08:57
/************
.change_color tr {
    background-color:expression((this.sectionRowIndex%2==0)?"#eee":"#fff")
}           //奇偶行背景色不一样
这是CSS代码
*********************/
$.browser属性
msie       //IE浏览器
mozilla    //FF……
safari     //safari浏览器
opera      //opera浏览器
/******************************************************/
    $.each(["red","blue","yellow"],function(index,value){               //给前三个div设置背
景色
        $("div:eq("+index+")").css("backgroundColor",value);
    });
/******************************************************/
    $.each({background:"pink",width:"650px"},function(m,n){           //对第二个重新设置背景
色和宽度
        $("div:eq(1)").css(m,n);
    });
/*****************************************************/
    $.grep([2,1],function(i){            //设定第三个和第二个div的背景色
        $("div:eq("+i+")").css("backgroundColor","red");
    });
/*****************************************************/
    $.map([2,1],function(i){            //设定第三个和第二个div的背景色(和grep差不多)
        $("div:eq("+i+")").css("backgroundColor","red");
    });
/*****************************************************/
   var str=$.merge(["a","fd","r","7"],["55","we4","7","a","b"]);   //将前面一个和后面一个数
组合并成一个新数组
   var ss="";
   for(var i=0;i<str.length;i++){
    ss+=str+" ";
   }
   alert(ss);
/**********************************************************/
   alert($.trim("    hello world!"  ));       //删除字符串两端的空格
/**********************************************************/
        $("div").animate({ height: "100px",fontSize:"3em" }, 10000);       //一秒钟使di的高
度为100px,字体大小为开始的3倍
/**********************************************************/
        $("div").fadeOut(1000);             //渐出
        $("div").fadeIn(1000);              //渐入
        $("div").fadeTo(1000,0.4,function(){alert(1);});   //设置透明度
        $("div").hide(1000);            //隐藏
        $("div").show(1000,function(){alert(2);});     //显示
        $("div").slideDown(1000);           //滑动隐藏
        $("div").slideUp(1000,function(){alert(3);});        //滑动显示
        $("div").slideToggle(1000);              //滑动显示现在相反的状态
        $("div").slideToggle(1000,function(){alert(4);});
        $("div").toggle(1000);                //显示状态相反
        $("div").toggle(1000,function(){alert(5)});
/********************************************************/
原创粉丝点击