最近在看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");
//竟然不用冒号分割。
我已经无法驾驭了,我会慢慢适应的。