您的位置:首页 - jQuery
jq获取元素的4个padding值
上 右 下 左 的4个padding值可以这样获取:
$("id").css('padding-top')
$("id").css('padding-right')
$("id").css('padding-bottom')
$("id").css('padding-left')

这样得到的是字符串,比如 10px

如果要的到数字,可以使用parseInt,例如 parseInt($("id").css('padding-top'))

示例代码如下:

<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<div id="keleyidiv" style="background-color:silver;width:200px;padding:20px 10px 15px 30px;border:1px solid green;"></div>
<span id="keleyiresult"></span>
<script>
$(document).ready(function () {
var $keleyidiv = $('#keleyidiv');
$("#kele"+"yiresult").text( $keleyidiv.css('padding-top') + ' ' + $keleyidiv.css('padding-right') + ' '
+ $keleyidiv.css('padding-bottom') + ' ' + $keleyidiv.css('padding-left'));
})
</script>


示例效果如下:
本站导航
相关文章
柯乐义 Copyright© keleyi.com