JavaScript学习 jquery学习7 标签属性的修改

（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

（8）设置标签的宽度：

$("p:first").width(654);

（9）设置标签的高度：

$("p:first + p").height(345);

（10）查看对应标签的高度和宽度：

$("p:first").width()
$("p:first + p").height()