jquery怎么添加css样式

 我来答
育知同创教育
2017-04-17 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部

可以用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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式