网站建设资讯

NEWS

网站建设资讯

关于jquery设置style的信息

jquery怎么动态加style属性

使用jQuery css() 方法

10年的通州网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同,自动调整通州建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“通州网站设计”,“通州网站推广”以来,每个客户项目都认真落实执行。

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

语法:

css("propertyname","value");

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

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

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

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

jquery给div添加样式_百度经验1一c

1、jQuery设置css样式

div style="background-color:#ffffff;padding-left:10px;"测试jQuery动态获取padding-left/div

2、用css()方法返回元素的样式属性

$("div").css("padding-left"));

3、用css()设置样式

$("div").css("color","yellow");

4、设置多个样式

$("div").css({"background-color":"yellow","font-size":"200%"});

var css = {

background-color: '#EEE',

height: '500px',

margin: '10px',

padding: '2px 5px'  };

$("div").css(css);  

jquery如何创建style

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、效果演示


网页名称:关于jquery设置style的信息
文章转载:http://cdweb.net/article/dsijodd.html