jquery獲取div寬度的實(shí)現(xiàn)思路與代碼

更新時(shí)間：2013年01月13日 13:47:53 作者：

DIV的width寬度如何獲取呢？接下來介紹使用jquery獲取DIV的width寬度，感興趣的朋友可以了解下的

jquery 獲取 DIV的width的語(yǔ)句：

 
$("#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://www.dhdzp.com</div> 
<script type="text/javascript"> 
$(document).ready( 
function () { 
alert("id為keleyi_com的width為："+$("#keleyi_com").width()); 
} 
) 
</script> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

jQuery中map函數(shù)的兩種方式
本文給大家分享jquery中map函數(shù)的兩種方式，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-04-04
EasyUI學(xué)習(xí)之Combobox下拉列表(1)
這篇文章主要為大家詳細(xì)介紹了EasyUI學(xué)習(xí)之Combobox下拉列表的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對(duì)象的方法
這篇文章主要介紹了jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對(duì)象的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
jquery.tableSort.js表格排序插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jquery.tableSort.js表格排序插件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery實(shí)現(xiàn)的選擇商品飛入文本框動(dòng)畫效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的選擇商品飛入文本框動(dòng)畫效果,結(jié)合完整實(shí)例形式分析了jQuery動(dòng)態(tài)操作頁(yè)面元素屬性實(shí)現(xiàn)動(dòng)畫效果的方法,涉及jQuery的事件綁定、元素遍歷及屬性操作等相關(guān)技巧,需要的朋友可以參考下
2016-08-08
基于JavaScript如何實(shí)現(xiàn)ajax調(diào)用后臺(tái)定義的方法
由于ajax的獨(dú)特優(yōu)勢(shì)，使得它在當(dāng)前大量網(wǎng)站得到了廣泛的應(yīng)用，下面就介紹一下ajax如何調(diào)用后臺(tái)定義的函數(shù)，對(duì)ajax調(diào)用后臺(tái)方法相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2015-12-12
jQuery實(shí)現(xiàn)本地預(yù)覽上傳圖片功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)本地預(yù)覽上傳圖片功能，為大家推薦了一款圖片上傳預(yù)覽插件，感興趣的小伙伴們可以參考一下
2016-01-01
jQuery 獲取對(duì)象基本選擇與層級(jí)
jQuery 獲取對(duì)象基本選擇與層級(jí)實(shí)現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。
2010-05-05
jQuery Form 頁(yè)面表單提交的小例子
這篇文章主要介紹了jQuery Form 頁(yè)面表單提交的小例子，有需要的朋友可以參考一下
2013-11-11
jquery防止重復(fù)執(zhí)行動(dòng)畫避免頁(yè)面混亂
鼠標(biāo)滑動(dòng)過快導(dǎo)致動(dòng)畫重復(fù)執(zhí)行，以至于頁(yè)面亂了,下面為大家介紹個(gè)防止重復(fù)執(zhí)行動(dòng)畫的方法
2014-04-04