(1)添加样式:
$("p:first").addClass("main");
说明:addClass(“
main”)中的main是在css文件中定义的,下面是main的定义:
.main{color:#0f0;}
(2)删除样式:
$("p:first").removeClass("main");
(3)
这个可以算是前两个方法的一个综合。简单来说就是:如果存在(不存在)就删除(添加)一个类。
$("p:first + p,p:first + p + p").toggleClass("blue");//注意$("xx")中的表示方式:分别表示第二个p和第三个p,是不是很灵活
(4)通过css()获得对应的属性的值:
$("p:first+p").css("color")
(5)通过.css()方法赋值:
$("p:first + p + p + p").css(<span style="color:#ff0000;">"color","#ff0"</span>);
(6)一次赋值多个属性(注意内部的表示方法,与上面的区别一下):
$("p:last").css(<span style="color:#ff0000;">{background:"#000",color:"#fff"}</span>);
$("p:last").css(<span style="color:#ff0000;">{"margin-left":"100",color:"#fff"}</span>);
(7)查看对应的标签相聚屏幕的位置:
$("p:last").offset().top/left/right
$("p:first").width(654);
(9)设置标签的高度:
$("p:first + p").height(345);
(10)查看对应标签的高度和宽度:
$("p:first").width()
$("p:first + p").height()