JQuery

 

 $函数

 $("#box").css("background-color","red");

一定要加引号，只有

1     $(this)

2     $(document)

3     $(window)

 

$("#box")[0].style.backgroundColor = "red";    //$(“#box”)是jQuery对象，而不是JS原生对象。加[0]就能转为原生对象
没有引号。

 

jQuery("#box");   $与JQuery是相同的，为了方便一般使用$

 

 

jquery选择器与删选器

选择器：Jquery支持CSS2.1，也支持部分CSS3

 

删选器：

$("div:first")    //选择首个项

$("div:last")     //选择最后一个

$("div:eq(0)")    //单独选择一个

$("div:lt(4)")    //小于4的项

$("div:gt(3)")    //大于3的项

$("div:odd")      //所有奇数项

$("div:even")     //所有偶数项

 

 

CSS()方法

$(“p”).css(“background-color”);          //得到css样式：背景颜色

 

$(“p”).css(“background-color”,”red”);         //设置css样式：背景颜色

 

$(“p”).css({             //如果想设置多样式就使用json写

       “width”:500           //设置宽度为500,单位可以不写，也可以写

});

 

 

Animate()方法

        $('.box').animate({'left':500},2000);     //向右移动500px

       

        $('.box').animate({'left':500,'top':500},2000);   //设置向右与向下两个参数，同时运行，向右下角平移500px

       

        $('.box').animate({'left':500},2000,function(){     //向右移动500px，同时设置一个回调函数

            $('.box').animate({'top':500},2000);       //移动结束后，向下移动500px；

        });