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://www.dbjr.com.cn</div>
<script type="text/javascript">
$(document).ready(
function () {
alert("id為keleyi_com的width為："+$("#keleyi_com").width());
}
)
</script>
</body>
</html>
復制代碼 代碼如下:
$("#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://www.dbjr.com.cn</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標簽元素位置的方法
相關文章
這篇文章主要介紹了jQuery的text()方法用法,以實例形式詳細分析了jQuery的text()方法的定義、參數(shù)與具體用法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)圖片高亮顯示，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
下面小編就為大家?guī)硪黄猨Query獲取當前點擊的對象元素(實現(xiàn)代碼)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
CamanJs庫用于個人項目中進行使用的圖形操作庫，這個庫是基于JavaScript的canvas操作庫，接下來，通過本篇文章給大家詳細介紹使用CamanJS在Web頁面上處理圖像的技巧，需要的朋友一起來學習下2015-08-08
這篇文章主要介紹了jQuery中DOM常見操作,結合實例形式總結分析了jQuery針對dom屬性操作、文檔操作等常用方法與操作技巧,需要的朋友可以參考下2019-08-08
jQuery中event.target和this的區(qū)別詳解
這篇文章主要介紹了jQuery中event.target和this的區(qū)別詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
最近因為項目的需要，使用了一個JQuery插件。把插件下下來后，很快我就發(fā)現(xiàn)，很多默認的插件Style不符合項目要求，必須要被修改2012-05-05
Wookmark jQuery插件大致使用position:absolute來重構內(nèi)容實現(xiàn)瀑布流布局,需要的朋友可以參考下2014-04-04
jQuery實現(xiàn)倒計時功能 jQuery實現(xiàn)計時器功能
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)倒計時功能，jQuery實現(xiàn)計時器功能的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
jQuery.extend 與 jQuery.fn.extend的用法及區(qū)別實例分析
這篇文章主要介紹了jQuery.extend 與 jQuery.fn.extend的用法及區(qū)別,結合實例形式分析了jQuery.extend與jQuery.fn.extend的功能、使用方法及區(qū)別,需要的朋友可以參考下2018-07-07