jQuery中innerWidth()方法用法實例
本文實例講述了jQuery中innerWidth()方法用法。分享給大家供大家參考。具體分析如下:
獲取第一個匹配元素內(nèi)部區(qū)域?qū)挾取?br />
包括內(nèi)補(bǔ)白(padding)、不包括邊框border)。也就是說內(nèi)部區(qū)域的寬度等于padding和border之和。
此方法對可見和隱藏元素均有效。
可以結(jié)合innerHeight()方法學(xué)習(xí)。
語法結(jié)構(gòu):
實例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>腳本之家</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>點擊查看p的innerWidth</button>
</body>
</html>
以上代碼可以將p元素的內(nèi)部區(qū)域?qū)挾葘懭朐乇旧韮?nèi)部。
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jquery實現(xiàn)點擊瀏覽器返回上一頁按鈕并能直接刷新
這篇文章主要介紹了jquery實現(xiàn)點擊瀏覽器返回上一頁按鈕并能直接刷新,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-12-12jquery+php實現(xiàn)滾動的數(shù)字特效
本文將結(jié)合實例使用jquery背景動畫插件,將數(shù)字作為背景圖片,定時讓背景圖片滾動起來,從而實現(xiàn)了滾動數(shù)字的效果,感興趣的小伙伴們可以參考一下2015-11-11jQuery實現(xiàn)點擊按鈕彈出可拖拽模態(tài)對話框完整實例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)點擊按鈕彈出可拖拽模態(tài)對話框的方法,結(jié)合完整實例形式分析了jQuery調(diào)用模態(tài)對話框的基本原理、實現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下2023-04-04利用webqq協(xié)議使用python登錄qq發(fā)消息源碼參考
本文將詳細(xì)介紹下利用webqq協(xié)議使用python登錄qq發(fā)消息實現(xiàn)思路及代碼,感興趣的朋友可以參考下,希望對你有所幫助2013-04-04jQuery查找節(jié)點并獲取節(jié)點屬性的方法
這篇文章主要介紹了jQuery查找節(jié)點并獲取節(jié)點屬性的方法,涉及jQuery簡單獲取節(jié)點及attr與text方法讀取元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-09-09精心挑選的12款優(yōu)秀的基于jQuery的手風(fēng)琴效果插件和教程
當(dāng)你想在有限的頁面空間內(nèi)展示多個內(nèi)容片段的時候,手風(fēng)琴(Accordion)效果就顯得非常有用,它可以幫助你以對用戶非常友好的方式實現(xiàn)多個內(nèi)容片段之間的切換。借助流行的 jQuery 框架,只需很少的代碼就可以實現(xiàn)精美的手風(fēng)琴效果,幫助你的網(wǎng)站吸引更多用戶的眼球2012-08-08jQuery使用serialize()表單序列化時出現(xiàn)中文亂碼問題的解決辦法
列化中文時出現(xiàn)中文亂碼問題,怎么回事呢?下面給大家介紹下jQuery使用serialize()序列化表單時出現(xiàn)中文亂碼問題的解決辦法,有需要的朋友參考下2016-07-07