jquery属性操作css()方法

日期:2018-03-02 14:01:19 章节:  jquery属性操作和常用方法

jquery操作属性css()

    1、获取属性的值

引入jquery文件

<head>
    <meta charset="UTF-8">
    <title>css()操作属性www.isoftvip.com</title>
    <script src="js/jquery-3.2.1.min.js"></script>
</head>

 写入html元素,是width:100px  height:100px

<div id="jq" style="width: 200px;height: 200px;"></div>

使用css()方法 获取width的值为200px

<script>
    $(function () {
        console.log($('#jq').css('width'));
    })
</script>

2、使用css()方法设置属性的值。

$('#jq').css('width','300px');
console.log($('#jq').css('width'));

  打印值为300px

3、使用css()一次设置多个属性

需要传入一个“json”格式的数据类型

$('#jq').css({
    'height':'300px',
    'color':'red'
});