在运用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.

向第一个 p 元素添加一个类

2、使用css() 方法设置css样式

css() 方法设置或返回被选元素的一个或多个样式属性。

如需返回指定的 CSS 属性的值，请使用如下语法：css("propertyname");

如需设置指定的 CSS 属性，请使用如下语法：css("propertyname","value");

示例：

$(document).ready(function(){

$("button").click(function(){

$("p").css("background-color","yellow");

});

这是标题

这是一个段落。

设置 p 元素的背景色

php+jq+添加css,jquery如何添加css样式？相关推荐

php+jq+添加css,jquery设置内联样式css()
jquery设置内联样式css() 设置内联样式css() .box1 { width: 300px; height: 300px; background-color: wheat; position ...
jquery在节点后后添加html,jquery如何添加节点？
jquery如何添加节点?下面本篇文章给大家介绍一下使用jquery添加节点的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jquery如何添加节点? jQuery插入节点的 ...
jQuery的操作css的几种方法和位置，尺寸以及scrolltop方法
jQuery操作css jQuery可以通过css方法直接给指定元素查看,更改,添加css样式 <script>$(function () {//jQuery可以通过css方法直接给指定元 ...
php+jq+添加css,jQuery添加/改变/移除CSS类
转自:http://www.jbxue.com/article/24589.html 在jquery中用到removeClass移除CSS类.addClass添加CSS类.toggleClass添加或 ...
css为元素添加样式,JQuery如何为元素添加样式
为定义好的css样式可以调用元素的css方法添加样式复制代码代码示例: $("span").css("css属性名","属性值") 如 ...
webservice的css哪里添加,jQuery_XML+XSLT+CSS+JQuery+WebService组建Asp.Net网(2)， 3.　　　　　　更 - phpStudy...
XML+XSLT+CSS+JQuery+WebService组建Asp.Net网(2) 3. 更易于搜索引擎收录.首先就是此方案可以被搜索引擎收录,而Ajax方案的弊端就在这里:其次,搜索引擎喜欢冗余 ...
jQuery中添加/改变/移除改变CSS样式例子
在jquery中对于div样式操作我们会使用到CSS() removeClass() addClass()方法来操作了,下面我们就整理了几个例子大家一起来看看吧. CSS()方法改变CSS样式 css ...
jquery给id加css,JQuery为元素添加样式
由于jquery支持css3,所有能很好的兼容很多浏览器,所以通过jquery来使用css样式比较好为定义好的css样式可以调用元素的css方法添加样式 $("span").cs ...
jquery使用html()css不生效,jquery可以添加css样式吗？
jquery可以添加css样式吗?答案是:可以.那么如何添加css样式?下面本篇文章就来给大家介绍一下使用jquery添加css样式的方法,希望对大家有所帮助. 在jquery中,可以使用addCla ...

php+jq+添加css,jquery如何添加css样式？

This is a heading

这是标题

php+jq+添加css,jquery如何添加css样式？相关推荐

最新文章

热门文章