^{<noscript id="spkms"></noscript>}

jQuery中innerWidth()方法用法實(shí)例

2019-11-20 13:23:20

字體：大中小

供稿：網(wǎng)友

本文實(shí)例講述了jQuery中innerWidth()方法用法。分享給大家供大家參考。具體分析如下：

獲取第一個(gè)匹配元素內(nèi)部區(qū)域?qū)挾取?br />包括內(nèi)補(bǔ)白(padding)、不包括邊框border)。也就是說(shuō)內(nèi)部區(qū)域的寬度等于padding和border之和。
此方法對(duì)可見(jiàn)和隱藏元素均有效。
可以結(jié)合innerHeight()方法學(xué)習(xí)。

語(yǔ)法結(jié)構(gòu):

復(fù)制代碼代碼如下:

$(selector).innerWidth()

實(shí)例代碼:

復(fù)制代碼代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.survivalescaperooms.com/" />
<title>武林網(wǎng)</title>
<style type="text/css">
p{
  background-color:green;
  height:100px;
  width:200px;
  padding: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(){ 
    $("p").text($("p").innerWidth()) 
  }); 
}); 
</script>
</head>
<body>
<p>此處顯示innerWidth數(shù)值</p>
<button>點(diǎn)擊查看p的innerWidth</button>
</body>
</html>