国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery中height()方法用法實例

2019-11-20 13:36:50
字體:
來源:轉載
供稿:網友

本文實例講述了jQuery中height()方法用法。分享給大家供大家參考。具體分析如下:

此方法可以獲取或者設置匹配元素的高度值,默認單位是px。

語法結構一:

復制代碼 代碼如下:
$(selector).height()

不帶參數的時候是返回第一個匹配元素的當前高度。
實例代碼:

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://m.survivalescaperooms.com/" />
<title>武林網</title>
<style type="text/css">
div{
  height:150px;
  width:150px;
  background-color:green;
  margin-top:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  alert($("div").height());
})
</script>
</head>
<body>
<div></div>
</body>
</html>

語法結構二:

復制代碼 代碼如下:
$(selector).height(val)

帶參數的時候是設置所有匹配元素的高度,默認單位是px,當然也可以使用其他的單位如em或者百分比等等。
實例代碼:

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://m.survivalescaperooms.com/" />
<title>武林網</title>
<style type="text/css">
div{
  height:150px;
  width:150px;
  background-color:green;
  margin-top:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").height("200px")
  })
})
</script>
</head>
<body>
<div></div>
<button>點擊查看效果</button>
</body>
</html>

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 吴江市| 松滋市| 商城县| 区。| 黄龙县| 休宁县| 开化县| 锡林郭勒盟| 甘谷县| 昌乐县| 东乡县| 鱼台县| 忻城县| 高州市| 邛崃市| 林甸县| 贡嘎县| 胶南市| 长阳| 郧西县| 兴海县| 靖江市| 三亚市| 体育| 泗洪县| 娄烦县| 玉田县| 龙井市| 白城市| 交口县| 洛浦县| 达拉特旗| 县级市| 祥云县| 万载县| 普陀区| 北川| 闻喜县| 平邑县| 监利县| 呼玛县|