jQuery的格式

      最近在看jQuery，发现jQuery的格式我有点驾驭不了了，特此贴出来，巩固学习一下：

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

 //注意，color和red都是带双引号的。当然单引号也是可以的。

 

 

<div style="background:#98bf21;height:100px;width:200px;position:absolute;">HELLO</div>

 //注意，这里的style里用分号分割，不是逗号。

 

$("div").animate({
      left:'250px',
      height:'+=150px',
      width:'+=150px'
    },"slow");

 //注意，animate的参数是用逗号分割的，内部的大括号的元素也是用逗号分割的，属性和值用冒号分割。属性不带引号，值带单引号或者双引号。

 

 

 接下来看一看css文件的格式：

<style type="text/css"> 
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
}
</style>

 //以分号分割，无需引号。

 

$("#w3s").attr({
      "href" : "http://www.w3school.com.cn/jquery/",
      "title" : "W3School jQuery 教程"
    });

 //设置属性，用逗号分割，属性和值都用引号包含。

 

添加class:

<style type="text/css">
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
</style>
$("#div1").addClass("important blue");

 //用空格隔开即可。

 

选择器还可以这样用，一次选多个：

$("h1,h2,p").addClass("blue");

 

设置css:

 

$("p").css({"background-color":"yellow","font-size":"200%"});

 //用逗号分割，都有引号。

 

$("div").children("p.1").css({"color":"red","border":"2px solid red"});
<div class="descendants" style="width:500px;">div (当前元素) 
  <p class="1">p (子)
    <span>span (孙)</span>     
  </p>
  <p class="2">p (子)
    <span>span (孙)</span>
  </p> 
</div>

 //找p.1

 

$("p").eq(1).css("background-color","yellow");

 //竟然不用冒号分割。

 

我已经无法驾驭了，我会慢慢适应的。