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; }
相关文章推荐
- JQuery之DOM函数文档操作学习总结
- JQuery事件函数学习总结
- jQuery函数学习之四(DOM部分之Traversing)
- jQuery学习心得----第三集:jQuery中的DOM操作总结
- jQuery函数学习之三(DOM部分之Manipulation)
- jQuery学习之DOM节点的插入方法总结
- jquery 学习总结
- jquery学习笔记之DOM操作
- JQuery学习总结
- 一周一话题之四(JavaScript、Dom、jQuery全面复习总结<js篇>)
- jQuery学习——DOM 插入, 包裹
- FFmpeg学习2:解码数据结构及函数总结
- Python3中的字符串函数学习总结
- 近期学习javascript和jquery遇到一些问题的技巧知识总结
- 日常使用javascript和JQuery函数总结
- jQuery学习7 操作JavaScript对象和集合的函数
- Jquery学习总结(6)——JQuery万能代码段
- jQuery操作Table学习总结
- jQuery学习笔记--jQuery的DOM操作
- Entity Framework 学习总结之八:EntitySQL 复杂查询及函数