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'
});验证码: