jquery添加css样式的方法：1、使用addClass()方法添加css样式，语法如“$(selector).addClass(class)”；2、使用css()方法设置css样式，语法如“css(“propertyname”)”。
本文操作环境：windows7系统、jquery1.2.6版、Dell G3电脑。
在运用jquery的时候我们经常需要动态的给一些dom元素添加CSS样式，下面我们来看一下Jquery如何动态的添加css样式。
jquery添加css样式的方法：
使用addClass() 方法添加css样式。
立即学习“前端免费学习笔记（深入）”；
使用css() 方法设置css样式。
1、使用addClass() 方法添加css样式
addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。
注：如需添加多个类，请使用空格分隔类名。
语法：
- $(selector).addClass(class)
登录后复制
示例：
- $(document).ready(function(){ $("button").click(function(){ $("p:first").addClass("intro"); });});.intro{font-size:120%;color:red;}
This is a heading
This is a paragraph.
This is another paragraph.
登录后复制
【推荐学习：jquery视频教程】
2、使用css() 方法设置css样式
css() 方法设置或返回被选元素的一个或多个样式属性。
如需返回指定的 CSS 属性的值，请使用如下语法：
- css("propertyname");
登录后复制
如需设置指定的 CSS 属性，请使用如下语法：
- css("propertyname","value");
登录后复制
示例：
- nbsp;html>$(document).ready(function(){ $("button").click(function(){ $("p").css("background-color","yellow"); });});
这是标题
这是一个段落。
这是一个段落。
这是一个段落。
这是一个段落。
登录后复制
以上就是jquery怎么添加css样式的详细内容，更多请关注【创想鸟】其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
