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

发布网友 发布时间:2022-04-22 07:34

我来回答

6个回答

热心网友 时间:2022-04-20 13:12

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);  

热心网友 时间:2022-04-20 14:30

添加样式有几种方式:

<html>
    <div id="div1">i will become a red div</div>
</html>

第一种(给元素动态添加class样式):

<style>
    .redDIV{
        border: 1px solid red;
        width: 200px;
        height: 200px;
    }
</style>
<script>
    $(function(){
        $("#div1").addClass("redDIV")
    })    
</script>

第二种(给元素批量添加样式):

$("#div1").css({
        border: 1px solid red,
        width: 200px,
        height: 200px
})

第三种(给元素单独添加样式):

$("#div1").css("border","1px solid red")
$("#div1").css("width","200px")
$("#div1").css("height","200px")

热心网友 时间:2022-04-20 16:04

$('div').addClass('ddd');

热心网友 时间:2022-04-20 17:56

$('#id').css({color:#ffffff,margin:2px});

热心网友 时间:2022-04-20 20:04

可以的,亲,勇敢做自己,支持最快乐

热心网友 时间:2022-04-20 22:28

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com