如何使用jQuery獲取物件的尺寸
使用width()方法和height()方法能夠獲取匹配元素的寬度和高度,方法非常簡單。當這兩個方法帶有引數的時候是設定匹配元素的寬度和高度,當沒有引數的時候就是返回匹配元素的寬度和高度。例如:
[JavaScript] 純文字檢視 複製程式碼$("div").width(100)
以上程式碼可以將div的寬度設定為100px。
[JavaScript] 純文字檢視 複製程式碼$("div").width()
以上程式碼可以返回div的寬度。height()方法的使用也是如此。
完整程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div { width: 200px; height: 26px; background-color: green; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function () { var divw = $("div").width(); var divh = $("div").height(); $("span").text("div的寬度為:" + divw + "div的高度為:" + divh + "") }) </script> </head> <body> <div></div> <span></span> </body> </html>
相關文章
- jQuery獲取視窗尺寸的例項程式碼jQuery
- js如何獲取指定元素的尺寸JS
- javascript如何獲取img圖片的尺寸JavaScript
- js如何獲取圖片的長寬尺寸JS
- javascript如何獲取電腦螢幕的尺寸JavaScript
- js如何獲取圖片的真實尺寸JS
- jquery獲取圖片的實際尺寸大小程式碼例項jQuery
- jQuery如何獲取iframe中的元素jQuery
- JavaScript獲取img的原始尺寸JavaScript
- javascript獲取螢幕的尺寸JavaScript
- 如何用JavaScript獲取圖片的真實尺寸大小JavaScript
- jquery獲取瀏覽器客戶區尺寸程式碼例項jQuery瀏覽器
- js和jQuery獲取視窗和元素尺寸簡單介紹JSjQuery
- javascript中獲取元素尺寸JavaScript
- jQuery如何獲取指定元素的索引值jQuery索引
- jquery如何獲取標籤的名稱jQuery
- jQuery如何獲取當前元素的索引jQuery索引
- javascript獲取window視窗的尺寸JavaScript
- JQuery this和$(this)的區別及獲取$(this)子元素物件的方法jQuery物件
- 谷歌瀏覽器下jquery無法獲取圖片的尺寸解決方案谷歌瀏覽器jQuery
- javascript如何獲取觸發事件的物件JavaScript事件物件
- jQuery如何獲取元素的標籤名稱jQuery
- jQuery如何獲取當前元素的兄弟元素jQuery
- jQuery如何獲取元素的寬度和高度jQuery
- jQuery 尺寸jQuery
- 如何建立和獲取正則物件?物件
- javascript如何獲取事件目標物件JavaScript事件物件
- 原生javascript如何獲取觸發事件的物件JavaScript事件物件
- 物件獲取原型物件物件原型
- 如何用jquery獲取DIV中的TR和TDjQuery
- jquery如何獲取大於指定索引的li元素jQuery索引
- Java——獲取圖片尺寸和大小Java
- 用JavaScript獲取原始圖片尺寸JavaScript
- 使用jquery獲取url及url引數的方法jQuery
- 使用jQuery獲取iframe元素的value屬性值jQuery
- Jquery如何獲取和設定元素內容?jQuery
- 獲取Object物件的lengthObject物件
- JQuery獲取input type=jQuery