可以用jquery中的css()方法;
站在用户的角度思考问题,与客户深入沟通,找到兖州网站设计与兖州网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站设计、网站制作、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册、网页空间、企业邮箱。业务覆盖兖州地区。
css()有两个参数。第一个参数是必选参数,一般是指css样式中的属性。第二个参数是可选参数,一般是指css样式中属性的值。当只有第一个参数是,则是指获取该属性的值。如果也有第二个参数,那就是表示改变属性的值。
示例如下:
!doctype html
html
head
meta charset='utf-8' /
title/title
script type="text/javascript" language="javascript" src='jquery.js'/script
script language='javascript'
$(function(){
$('#btn1').click(function(){
//css()为一个参数
var divWid=$('#div-box').css('width');
alert(divWid);
});
$('#btn2').click(function(){
//css()为两个参数
var divWid=$('#div-box').css('background','#00f');
});
})
/script
style type="text/css"
#div-box {width:200px;height:100px;background:#f00;}
/style
/head
body
div id="div-box"/div
input type='button' id='btn1' value='提取' /
input type='button' id='btn2' value='改变' /
/body
/html
很简单,
$(".white1").mouseover(function(){
$("a[class='jt1']").removeClass('jt1').addClass('jt2');
});
项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式,但是我们都知道JavaScript或jQuery并没有伪类选择器。
可以用eq()事件来选取对应的li,需要注意的是eq的参数是从0开始的,具体代码如下:
$("ul li").eq(1).css({"color":"red"}); //第二个li
$("ul li").eq(2).css({"color":"green"}); //第三个li
$("ul li").eq(5).css({"color":"blue"}); //第六个li
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);