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

JQuery之DOM函数CSS样式学习总结

2017-08-09 21:47 405 查看

1.从文件添加CSS样式类:addClass()

$("#t1").addClass("title");




2.删除样式类:removeClass()

$("#t1").click(function() {
$(this).removeClass();
});




3.设置样式属性:css(name,value)或css({name1:value1,name2:value2,···});

$("#t2").css("color","#333");

$("#t2").css({"font-size":"30px",
"font-family":"宋体"});




4.获取样式属性:css(name)

alert($("#t2").css("font-family"));




html代码:

<p id="t1">Hello</p>
<p id="t2">你好</p>


css代码:

.title{
color:#9e369e;
font-size:30px;
font-family: "微软雅黑";
text-shadow: #e889f5 1px  1px 0px,#e889f5 2px  2px 0px,#e889f5 3px  3px 0px,#e889f5 4px  4px 0px ;
font-weight: bold;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: