jQuery--css属性查询与设置

查询

<img src="images/logo.jpg" alt="图片" width="200px" height="200px" border-radius='30px' border-shadow='' style="width: 200px;height: 200px;border-radius: 30px;box-shadow: 8px 8px 5px red">

<script>
$('img').css('border-radius');//获取css属性值
</script>

设置

<img src="images/logo.jpg" alt="图片" width="200px" height="200px" border-radius='30px' border-shadow='' style="width: 200px;height: 200px;border-radius: 30px;box-shadow: 8px 8px 5px red">

<script>
$('img').css('border-radius','100px');//修改属性值
$('img').css('borderRadius','100px');//驼峰命名
$('img').css({'borderRadius':'100px','box-shadow': '8px 8px 5px red'});//批量设置
$('img').css('borderRadius',function(i,curval) {return Math.round(2*parseInt(curval))});//回调函数设置
</script>