您的位置:首页 > Web前端 > JQuery

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

2014-08-08 19:46 309 查看
(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()
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript jquery