jquery怎么动态加style属性

使用jQuery css() 方行梁法

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

语法：

css("propertyname","value")

1.当value参数不存在时为获取该属性

2.当value参数存在时为设置该属性。

$("p").css("background-color")//获取p元素的背景颜色

$("p").css("background-color","yellow")//设置p元素的背景颜色为黄色

jquery获取style的属性值有两种方法

第一种是getElementById() 方法。它可以返回对拥有指定 ID 的第一游神个对象的引用。在 *** 作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。

第二种是getElementsByName() 方法，它可以返回带有指定名称的对象的集合。该方法与getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。另外，因为一个文档神尘亏中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素兄搜。

style也可以看做普通的HTML节点，因此其创建方法与jQuery创建普通元素的方法相同，关键代码：

$("<style></style>").text("div#test{color:red}").appendTo($("派正head"))

下面实例演示——点击按钮创建新的style样式:

1、团锋HTML结构

<div id="test">这是示例塌羡晌的DIV</div>

<input type="button" value="创建新的<style>">

2、jQuery代码

$(function(){

$("input[type='button']").click(function() {

$("<style id='test_style'></style>").text("div#test{color:red}").appendTo($("head"))

$("div#test").html($("div#test").text() + "<br>" + $("#test_style").text())

})

})

3、效果演示

---