使用jQuery css() 方法
10年的通州网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同,自动调整通州建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“通州网站设计”,“通州网站推广”以来,每个客户项目都认真落实执行。
css() 方法设置或返回被选元素的一个或多个样式属性。
语法:
css("propertyname","value");
1.当value参数不存在时为获取该属性
2.当value参数存在时为设置该属性。
$("p").css("background-color");//获取p元素的背景颜色
$("p").css("background-color","yellow");//设置p元素的背景颜色为黄色
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);
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、效果演示