DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> jq獲取元素的4個padding值
jq獲取元素的4個padding值
編輯:JQuery常見問題     
上 右 下 左 的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/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>


示例效果如下:
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved