jquery獲取div寬度的實現(xiàn)思路與代碼
更新時間：2013年01月13日 13:47:53 作者：
DIV的width寬度如何獲取呢？接下來介紹使用jquery獲取DIV的width寬度，感興趣的朋友可以了解下的
jquery 獲取 DIV的width的語句：
$("#keleyi_com").width();
其中keleyi_com為DIV的id。
完整示例代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery 獲取 DIV的width(寬度) - 柯樂義</title>
<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.8.3.min.js"></script>
</head>
<body>
<div id="keleyi_com" style="width:800px;border:1px solid silver">本DIV的id為keleyi_com;<br />為歡迎訪問腳本之家http://m.fzitv.net</div>
<script type="text/javascript">
$(document).ready(
function () {
alert("id為keleyi_com的width為："+$("#keleyi_com").width());
}
)
</script>
</body>
</html>
復(fù)制代碼 代碼如下:
$("#keleyi_com").width();
其中keleyi_com為DIV的id。
完整示例代碼：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery 獲取 DIV的width(寬度) - 柯樂義</title>
<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.8.3.min.js"></script>
</head>
<body>
<div id="keleyi_com" style="width:800px;border:1px solid silver">本DIV的id為keleyi_com;<br />為歡迎訪問腳本之家http://m.fzitv.net</div>
<script type="text/javascript">
$(document).ready(
function () {
alert("id為keleyi_com的width為："+$("#keleyi_com").width());
}
)
</script>
</body>
</html>
您可能感興趣的文章:
- jquery層級選擇器的實現(xiàn)(匹配后代元素div)
- jQuery實現(xiàn)將div中滾動條滾動到指定位置的方法
- 通過JQuery將DIV的滾動條滾動到指定的位置方便自動定位
- jQuery判斷div隨滾動條滾動到一定位置后停止
- JQuery實現(xiàn)點擊div以外的位置隱藏該div窗口
- jquery獲取div距離窗口和父級dv的距離示例
- 使用JS或jQuery模擬鼠標點擊a標簽事件代碼
- javascript和jquery修改a標簽的href屬性
- Jquery為a標簽的href賦值實現(xiàn)代碼
- jquery觸發(fā)a標簽跳轉(zhuǎn)事件示例代碼
- jquery 為a標簽綁定click事件示例代碼
- jquery通過a標簽刪除table中的一行的代碼
- jQuery簡單獲取DIV和A標簽元素位置的方法
相關(guān)文章
本文給大家分享jquery中map函數(shù)的兩種方式，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-04-04
EasyUI學(xué)習(xí)之Combobox下拉列表(1)
這篇文章主要為大家詳細介紹了EasyUI學(xué)習(xí)之Combobox下拉列表的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
jQuery 利用$.ajax 時獲取原生XMLHttpRequest 對象的方法
這篇文章主要介紹了jQuery 利用$.ajax 時獲取原生XMLHttpRequest 對象的方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
jquery.tableSort.js表格排序插件使用方法詳解
這篇文章主要為大家詳細介紹了jquery.tableSort.js表格排序插件使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery實現(xiàn)的選擇商品飛入文本框動畫效果完整實例
這篇文章主要介紹了jQuery實現(xiàn)的選擇商品飛入文本框動畫效果,結(jié)合完整實例形式分析了jQuery動態(tài)操作頁面元素屬性實現(xiàn)動畫效果的方法,涉及jQuery的事件綁定、元素遍歷及屬性操作等相關(guān)技巧,需要的朋友可以參考下2016-08-08
基于JavaScript如何實現(xiàn)ajax調(diào)用后臺定義的方法
由于ajax的獨特優(yōu)勢，使得它在當(dāng)前大量網(wǎng)站得到了廣泛的應(yīng)用，下面就介紹一下ajax如何調(diào)用后臺定義的函數(shù)，對ajax調(diào)用后臺方法相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-12-12
這篇文章主要介紹了jQuery實現(xiàn)本地預(yù)覽上傳圖片功能，為大家推薦了一款圖片上傳預(yù)覽插件，感興趣的小伙伴們可以參考一下2016-01-01
jQuery 獲取對象 基本選擇與層級實現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。2010-05-05
這篇文章主要介紹了jQuery Form 頁面表單提交的小例子，有需要的朋友可以參考一下2013-11-11
鼠標滑動過快導(dǎo)致動畫重復(fù)執(zhí)行，以至于頁面亂了,下面為大家介紹個防止重復(fù)執(zhí)行動畫的方法2014-04-04