jQuery中outerWidth()方法用法實(shí)例
本文實(shí)例講述了jQuery中outerWidth()方法用法。分享給大家供大家參考。具體分析如下：
此方法獲取第一個(gè)匹配元素外部寬度。
默認(rèn)情況下外部高度是寬度(width)、內(nèi)補(bǔ)白(padding)和邊框(border)之和。
如果參數(shù)設(shè)置為true的話(huà)，外補(bǔ)白(margin)尺寸也會(huì)算入外部寬度。
此方法對(duì)可見(jiàn)和隱藏元素均有效。
可以與outerHeight()方法結(jié)合學(xué)習(xí)。
語(yǔ)法結(jié)構(gòu):
參數(shù)列表:
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>outerWidth()函數(shù)-腳本之家</title>
<style type="text/css">
div{
background-color:green;
height:100px;
width:200px;
padding:10px;
margin:10px;
border:5px solid red;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").text($("div").outerWidth(true))
})
})
</script>
</head>
<body>
<div>此處顯outerWidth()數(shù)值</div>
<button>點(diǎn)擊查看div的outerWidth</button>
</body>
</html>
點(diǎn)擊按鈕可以顯示div的元素外部寬度。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
本文轉(zhuǎn)自：螞蟻部落http://www.softwhy.com/
- jQuery中outerHeight()方法用法實(shí)例
- jQuery中的height innerHeight outerHeight區(qū)別示例介紹
- Jquery 的outerHeight方法使用介紹
- jQuery幫助之CSS尺寸(五)outerHeight、outerWidth
- jQuery獲得document和window對(duì)象寬度和高度的方法
- jQuery設(shè)置指定網(wǎng)頁(yè)元素寬度和高度的方法
- Jquery實(shí)現(xiàn)鼠標(biāo)移動(dòng)放大圖片功能實(shí)例
- jQuery獲得包含margin的outerWidth和outerHeight的方法
jquery+ajax實(shí)現(xiàn)直接提交表單實(shí)例分析
jquery點(diǎn)擊改變class并toggle的實(shí)現(xiàn)代碼
JQuery form表單提交前驗(yàn)證單選框是否選中、刪除記錄時(shí)驗(yàn)證經(jīng)驗(yàn)總結(jié)(整理)
jQuery插件HighCharts實(shí)現(xiàn)2D柱狀圖、折線(xiàn)圖的組合多軸圖效果示例【附demo源碼下載】
通過(guò)jQuery源碼學(xué)習(xí)javascript(三)
jQuery插件HighCharts實(shí)現(xiàn)的2D回歸直線(xiàn)散點(diǎn)效果示例【附demo源碼下載】
利用JQuery+EasyDrag 實(shí)現(xiàn)彈出可拖動(dòng)的Div，同時(shí)向Div傳值，然后返回Div選中的值
jQuery中innerWidth()方法用法實(shí)例